All examples By author By category About

tomshanley

Spiral heatmap

Sankey with circular links and self-linking nodes

Sankey with circular link and animated dashes

Northern hemisphere sea ice extent

Northern hemisphere sea ice extent (animated)

Spiral heatmap (with coil padding)

Spiral heatmap #2

Spiral barchart

Sankey with circular links

Network flow with happy path

Sankey chart with links sorted by category

Project Dependencies

Sankey - highlight links by doubleclicking nodes

Sankey with circular references

Force directed graph using tabletop.js and shortestpath

D3 matrix, with sort and grouping

Treemap Websites 2

Network of groups - force dircected graph

Mutliple connected beeswarm plots

sketchy horizon bar chart

Horizon bar chart v3 (mirror v offset)

Isometric 'joyplot'

Remake of Wired Twitter chart WIP

SVG gradient angle in different view boxes

Brush & Zoom

Reusable spiral heatmap

Spiral heatmap (with mouseover)

Cricket grounds

Horizon bar chart v2 (variable bands)

Makeover Monday (German vehicle production) Heatmap

Makeover Monday - Internet users

Radar v0.4

OECD ECE rates

One Laptop Per Child #D3makeover

Makeover Monday - Gold v Oil

Makeover Monday - marimekko with step

Makeover Monday - marimekko with labella.js

Makeover Monday 13: Dot plot v2

square matrix

Makeover Monday 13: Dot plot

Circle matrix

Makeover Monday - YouTube ratings - beeswarm plot

Makeover Monday - YouTube ratings - strip plot

Interface for d3-scale-cluster

Sankey with circular link and animated dashes

Updated Sankey with circular links

Sankey in the style of 1960s river freight chart

Sankey with circular links v2 (dataset 1)

Area segment fill using gradient

Sankey with Minard labels on the links

Sankey with Minard dots for different link types

Makeover Monday - if the world was 100 people

Makeover Monday - if the world was 100 people

Makeover Monday - if the world was 100 people

Sankey with circular links and self-linking nodes

Sankey with circular links - web traffic

Line chart labels using textPath

Makeover Monday - geoBonne

sketchy Asia

sketchy NZ

beeswarm on square and circle path

beeswarm on square and circle path

beeswarm on square and circle path

Recreating the NY Times immigration flows chart

Recreating the NY Times immigration flows chart

Recreating the NY Times immigration flows chart

Arc gradients

Makeover Monday - EPL

Makeover Monday floor area

Network flow with happy path

Sankey, with different end note link treatment

Custom SVG path with arcs

Unit chart

Sankey - slack question

Ternary background

Ternary grid or legend

Condegram Spiral Plot

radial tree with straight links for first nodes

D3 Liquid Fill Gauge Heart Shape

Sankey, with different end note link treatment

D3 Simple Example

Linked charts - service journeys

Spread operator for reading an array

Brush scatterplot, three by one matrix

Gestalt principles demo

Sortable bar chart

Customer Experience Mapping with transitions

Capabilities - Stacked to multiple

Cleveland and McGill Elementary Perceptual Tasks

Customer Experience Mapping

Indicators table

Area chart with negative area

Beeswarm to line chart v2

Beeswarm to line chart

Horizon bar chart v3 (mirror v offset)

d3.layout.timeline categorized timelines

Connecting dots

dots along a path

dots along a path

Line Transition with min/max call out

Projection explorer

Horizon bar chart

Offset cy

Wheat plot

Wheat plot - variable bands

Radar v0.3

Radar v0.2

Radar v0.1

animating dots along a path

Makeover Monday slopechart

paired matrix

bar chart matrix

bar chart matrix

Square matrix

Square matrix

Makeover Monday - Valentines

Sankey with circular links v2 (dataset 3)

Sankey with circular links (dataset 2)

Big screen .exit()

Sankey with circular links

Area segment fill using gradient

Area segment fill using gradient

Area segment fill using gradient

Trimmed Mean

Pie Padding

Pie Padding

Pie Padding

Pie Padding

sketchy bee

Stackover flow - multiple x axes

Force with links

Line chart labels using textPath

Tides visualisation (d3 v4)

Line chart labels using textPath

Sankey sort

Sorting area charts

Sankey - test link sorting

Sankey with transition

Sankey with transition

Network flow with happy path

Rotated heatmap with barchart

Custom SVG path with arcs

Ternary grid or legend

Animate line and points

Animate line and points

Force with links

hover over group of bars

Dagre fish

Sankey with highlighting and CSV import

Perception of Movement

Treemap websites

Marimekko using d3.treemapSliceDice and version 4 of D3

v4 curve interpolation comparison

Force directed graph using tabletop.js and shortestpath v2

Transitions

Slider example

Stackoverflow comment

Tidy Tree - with column labels

OECD House Price to income index

Small multiple area line charts

Small multiple area line charts

Caramel slice prototype

Heart SVG

Heart with arrow SVG

Utah - cleaned Districts file

Utah - topojson merge

Update data using slider

Animating multiple lines from multiple json

Geological Timescale v4

Area Chart - inversed area

Radial Tidy Tree

Enter n Merge n Exit

Sankey column pre-sort

Zoomable Circle Packing with color dropdown

Drop down in foreignObject

Country Centroids

First weekday of the month

sf_choropleth

sankey with animated links

sankey with animated links

sankey with animated links

hover over group of bars

Sankey - highlight links

Sankey - highlight links

Sunburst Tutorial (d3 v4), Part 3

1st sankey attempt

Animate line and points

Animate line and points

ease delay

matrix inside circle

matrix inside circle

Axis values transition

heatmap with scales per row

bbox example

SVG foreignObject Example

heatmap

Makeover Monday - YouTube ratings - scatter with convex hull (linear scale)

Planets

Peaks

Makeover Monday - YouTube ratings - scatter with convex hull (log scale)

Makeover Monday - YouTube ratings - scatter with convex hull (split scale)

S curve

sf-map