All examples By author By category About

lorenzopub

Enclosing Force Circles

Makeover Monday - marimekko with labella.js

sketchy horizon bar chart

Makeover Monday 13: Dot plot

Labeled Streamgraph

Line chart scroller II

Scatter plot with zoom

Streamgraph label positions

Spiral heatmap (with mouseover)

Small Multiple Bar Charts UK GE 2017

Makeover Monday - Gold v Oil

Makeover Monday - marimekko with labella.js

Sunburst to icicle

Streamgraph label positions

Living hexagonal binning

Horizon bar chart

d3js v4 map + zoom + mark city + drag

Gooey scatterplot

model-based transition on timelines

Individual to stacked area charts

Particle tentacles

Makeover Monday 13: Dot plot

Circle matrix

Scatter plot brushing

Transparent Earth

Square grid playground

Flying Over the UK -- aframe d3 geodata

Line Chart: Prime-Age Workers

Gooey effect - Data visualization showcase

Scatter plot brushing

D3 Liquid Fill Gauge

Find Peaks

Voronoi Labels

Zoomable Sunburst with Labels

Joyplot Update Pattern II

Animate Projection Change

Sankey Particles

Streaky Text IV

Measure text

perlin noise, animated lines, and SVG filters

Guess The Ratio

Draggable Connected Dot Plot

Isometric 'joyplot'

Drag the Lollipop

Lollipop Chart

Stacked-to-Grouped Bars II

Transition Between Three Views

Split bar chart

Pie Update Pattern

Stacked Bar Update Pattern

D3.js v4 Gantt Chart basic example.

Spin the Earth

Horserace tool

Split bar chart

multiple graph +brush +zoom +focus

Directional dot plot

Horizon bar chart v2 (variable bands)

Bumps Fines

Bumps Fines

gray gooey

Donut Transitions

Animated isometric view with D3js

Simple Box Plot Example in d3.js 4.0

Small Multiples with Reusable Charts

100 people pictogram grid in d3js

d3 | ratio bar chart

Barbell Chart

Timelines Chart

Multi-dimensional D3 force simulation

D3.selectAll(...).transition() Explained

D3 + Vue.js

One Laptop Per Child #D3makeover

d3.v4 linegraph with gradient

d3.annotation: Example Without Scales

State Transitions

square matrix

d3-force testing ground

Force layout

Gooey Exploding Scatterplot

Area chart with negative area

The Brush

Nightly Smart Meter Data Analysis

d3 | legend scroll

Stacked-to-Grouped Bars II

Stacked-to-Grouped Bars III

Stacked-to-Grouped Bars III

Scatterplot: Labor Force Participation

Multi-Series Line Chart

Simple vertical tree diagram using v4

cluster force III

Brush Handles d3v4 II

Stacked-to-Grouped Transition

Clustered Force Layout 4.0

Divided Line

Rainbow Perceptual Distance

K-Means Centroid Deviation

Nightly Smart Meter Data Analysis

Floating Landmasses in d3v4

d3-force testing ground

Pie charts labels

Custom Shape Tweening

d3 | legend scroll

Grouped Bar Chart

d3 | reusable circle legend

Gooey Exploding Scatterplot

Animated Arcs

Slippy map + extent indicator

Stacked-to-Grouped Bars III

Solid Gauge in D3

Line Chart: Prime-Age Workers

Force with Springy Links

Pictogram grid in d3js

Animated Arcs

Streaky Text III

FizzyText X (Swapping text)

Visualising Ratios

Marimekko using d3.treemapSliceDice and version 4 of D3

d3.layout.timeline categorized timelines

responsive bar chart

Visualising Ratios

simplified borders

Radial Line Chart

Stack-to-Split Transition

Stack-to-split-Stack Transition with D3 v4

Normalized Stacked Bar Chart

Positive-Negative Bar Chart

Bubble Update Pattern II

Gooey Cell Division

Staggered Barbells

Radix Sort

Radix Sort

Sankey from CSV III

Bar Update Pattern

D3 Streamgraph with Tooltip and Legend

Treemap Bar Chart

Exoplanets II

Reusable Bubble Chart

Bump Chart

Force-Directed Scatterplot

Animated Sort: Small Multiples Single SVG

data-storytelling-d3-workshop-16

Geologic Time Scale

Axis Styling

Sunburst to icicle #2

d3 sankey demo; Highlight all connecting paths of a node

Sample 4 (Collapsible Force Layout)

TEST WRAP 5

Wrap Long Labels Bar Chart

d3 treemap with flattree converter

nations-semifinal

Sunburst to icicle #2

Force Directed Graph Toggle to Circle

stack transition

d3 | path animation

Gooey Force-Directed Graph in D3

Tooltip with link in v4

Force Update Pattern

Brushable Scatterplot/Choropleth

Force Update Pattern

Flatten sphere w/ d3 and svg path transitions!

vue d3 tree responding to d2b sunburst

timeline - seasonality detection (I)

Favorite tooltip (complex version)

Lasso selection for Force-Directed Graph

Example of d3.layout.forceInABox

Dendrogram + Grouped Horizontal Bar Chart

Particle Edges Dendrogram

Mastodon instances Map

Stacked-to-Grouped Police Killings with D3 v4

Zoomable Icicle with Labels and Breadcrumb (d3v4)

Vertical Zoom

OMG Particles!

Stacked-to-Grouped | JSON Data, Horizontal Bars

d3-annotation: Responsive Types and Hover

Interactive Small Multiples - Step 5

Makeover Monday - marimekko with step

Zoomable Icicle with Labels and Breadcrumb (d3v4)

dynamic pie chart with proper label orientation

Stacked-to-Grouped Police Killings with D3 v4

stacked bar chart with dynamic axes and labels

Multi-Series Line Chart (Planet Coverage)

D3.js Boxplot with Axes and Labels

annotate a map

d3-annotation: Encircling Example

d3-annotation: Responsive Types and Hover

spotlight filter

Clustered Interactive Force Layout v4

Force-Directed Tree II

Crossfilter Demo | es2015 d3v4

Partition Tree

Line area chart with swoopy drag annotations

Small Multiples with Reusable Charts

textPath along path

Multiline Pan & Zoom with voronoi mouseover

Sequences sunburst (d3 v4)

Multiples Streamgraph

Multiples Barchart

Force Simulation with Voronoi Diagram

Bubble Update Pattern

Linear Regression for Scatter Plot

Bubble Update Pattern

Bubble Update Pattern

Zoomable Icicle (d3 v4)

X-Value Mouseover with Pan & Zoom

Multiples Barchart

Multiples Streamgraph

Stacked-to-Grouped Police Killings

Filtering the Grid

Sorting the Grid

Zoom to Domain

Signal Plot II (highlighting + tooltips)

Three y-axes in v4

Sankey Gradients

Animated d3 word cloud

HindSight: Bubbly Jobs Chart

HindSight: Zoomable Treemap Bar Chart

Multiline indexing

d3v4 reusable updateable global mashup

for reference: stacked area chart d3 v4

for reference: stacked area chart d3 v4

D3 4.0 Sequential Scales Explorer

heatmap update example

D3 Show Reel

Yahoo Finance Chart Step 12 - Discontinuous Axis

Convert SVG to Image

Icon Array

Zoomable Treemap Bar Chart

Movie Genre, Rating and Budget

multi-line plot multi-mouseover

Aster Plot in D3

Stack-to-Split Transition

Annual Temp - New York 2015

D3 Rectangular Area Chart

slave voyages - embarking

Gradient Encoding

Radial Dendrogram

multi-line plot multi-mouseover

Multiline indexing

Tidy Tree vs. Dendrogram

Chart Annotation

Circle Pack Labels

Difference Chart

Horizon Chart

Horizon Chart

geoVoronoi.hull()

Sankey Transitions

force-multi-foci with convex hulls

Watercolor bandlines / sparklines

Gif rendering - dynamic SVG

Smoother polygon transitions

Gooey Effect

Force-Directed Graph

D3 Zoomable Scatterplot

timeline - comparing trends

D3 Zoomable Scatterplot

Zoomable Dynamically Updating Sunburst (D3 version 4)

Reusable Bubble Chart

Brush Minimap

Rotated axis labels in v4

Axis Styling

conicConformalFrance linked directly example

Grouped BarChart

Grouped Bar Chart With Panning And Zooming Via Brushing

Sunburst to icicle #2

bar graph in v4 with a bar brush

Automatic label placement along a path #2

Circle Pack Label Truncation

Super smooth Sunburst Labels v4

pre-loader

Dot bar chart

A static, reusable donut chart for D3.js v4.

Orthographic Zoom II

Faux-3d Shaded Globe

Sorting the Grid

Super smooth Sunburst Labels v4

Rounded Rectangle

Arc Tween Percent Rings

X and Y force splits

Pie Chart Update, II (V5)

Zoomable Sunburst with Labels

hw 4 SUNBURST

D3 Plus Ring Network updated

JavaScript D3: Arc tween transitions using attrTween and attr methods

LAP-JV

Sankey

Force-Directed Graph with Drag/Zoom/Pan/Center/Resize/Labels/Shapes/Filter/Highlight

Force-Directed Graph with Drag/Zoom/Pan/Center/Resize/Labels/Shapes/Filter/Highlight

t-SNE with Levenshtein distances, colored by K-means (work in progress)

scale

D3 force simulation, curved edges and hover interaction (Human FOXP2 gene interaction network)

Circles