All examples By author By category About

A touch-friendly HTML/CSS inertial scrolling div.

Interactive thermometer, version 2

Linked charts - service journeys

SVG colour names

Canvas to dataURL to IMG Element

Countdown via user input

Yin-Yang animation using D3.js

d3.unconf 2015

Chiasm Boilerplate (with download buttons)

Epicyclic Gearing (with svgsaver)

Superformula Explorer (with svgsaver)

FANTOM5 Timecourse Visualization

Possible workshop schedule

MLP Neural Network for O.C.R.

An example of creating a PNG from an SVG in D3.

Tapered Arc

Connected Particles III - bubble remix

question _w9

d3.horizon Example

Week8: Scatter Homework

Week 6: Labeled Lines

Dot plot example

Another Test

This is a test

D3 Statebins with rMaps

MetricsGraphics with rCharts

My Chart

Hair vs. Eye Color by Sex

My First Chart

Testing New rCharts

Morris Bar Chart

Mileage vs. Weight by Gear

My Chart

D3 Statebins with Rounded Rects

My Chart

Pyramid Charts with rCharts

Highcharts Custom Theme Demo

D3 Statebins with Rounded Rects

Statebins with D3 and rCharts

Exemple SVG

GBIF OpenLayers 2


Motion Wheel

Fog of War Filter Example

Map Fitler

Filter With Mask

Filter with Mask

Map Filter

Fog of War SVG Filter Mask Example

Fog of War Filter Example

wiggly chart

Transforming Bar Chart

Bar Chart


The current BGC ecosystem

d3 donuts and angular directives

Curriculum Exploration

angular and d3.csv

Undergraduate Major Disciplines that Co-Occur in Fall 2014

Back where I started

Semantic Remapping Nested Extend Example (LESS)

Adobe SVG to D3 w/ Mods

Finding Word Patterns

Adobe SVG to D3

Circles: Rotate

Circles: Grow and Rotate

Presimplify Example

Bar Chart UI example

地球儀 - エンボス風

Drag + Zoom

State Grid

A Pen by Gabriel Damon.

A Pen by seth kontny.

A Pen by seth kontny.

A Pen by Jon Brennecke.

A Pen by tcmulder.

A Pen by Ryan Rich.

Multi-series Associative

Simple d3.js graph with internal data

Interactive IP Diagram

Tree Demo for woei

Leanpub book download extrapolation

Super Leanpub Extrapolation

Favorite tooltip (simple version)

Multi-line graph 2: Colours

Multi-line graph 3: Legend

Multi-line graph 1: Lines

Two graphs arranged using bootstrap

Sankey diagram using names in JSON

Colour gradient on a graph line

Colour gradient for an area fill

Filtering in d3.js

Simple scatterplot with d3.js

if selection in d3.js

Simple graph and table using d3.js

Graph and table with tricks

Update and revert graph data

Update graph data automatically

d3.js Graph with many features

d3.js graph with rotated axis text

Show / hide elements on mouse click with d3.js

d3.js line graph with dual Y axes

Tree diagram with node images

d3.js tool tip with HTML link

Degree Days

d3.js tool tips with links in data

First D3 Building Block

Lexington Parcels - Tilemill Method

Lexington Address Data

Zoom to location on link click

Bar Lines - D3 Hackday with Ian

datasana #rects

datasana #1

Understanding D3.js Force Layout - 7: linkStrength

Understanding D3.js Force Layout - 6: charge (continued)

Understanding D3.js Force Layout - 5: charge

Normal Daily & Hourly Weather

formatting numbers example

d3.carto - CartoDB layers

Napoleon's March with d3.svg.ribbon

Cartogram Experiments

Quantile, Quantize, Threshold Scales

Historical Volumes

Github Users Worldwide

Comparing Map Projections

Clock II

D3Viz Class 01: Exercise

Graph example

A Pen by Michael Arestad.

D3 graphs 2

N Dogs Chasing Random Dog

Dice roll probabilities

d3.bayview walkthru

JS Bin // source

Knight D3 Module 6

Knight D3 Module 4

Knight D3 Module 2

Testing d3.bullet



Connected Particles III

Axes with Model.js

Reactive Mixins

Margin Convention with Model.js

D3 Slider

Model.js Dynamic Scatter Plot

Chiasm Boilerplate

Spinny Loading Icon

Wave Simulation

D3 Links Example

href on d3 objects

Towards Reusable Charts Example

ModelJS firstName lastName

Standalone Bar Chart


Force-Directed Graph with Mouseover

Build Your Own Graph!

SVG Clock

How The Treasury Cuts The Budget (in retrospect)

These bars are nicely grouped but they should be stacked

2014 Israeli Education Budget Data

Projection Transitions—Dark

building-blocks backers

transition example

Swapping Bars - d3 with TypeScript

Pie Chart

Animated ROC Chart

Static ROC Chart

radar chart with an interactive legend

radar chart with smallest area on top


X-Value Mouseover with Droplines

Focus + Context Scatter Plots

stacking with a trendline and tooltips

#datasana 2

stacking with negative values

building blocks svg flag



horizontal boxplot

animating a badge with svg group transitions

data-driven dropdown

Materials in Houston Public Art

Toggle Navigation(reusable way)

animated Mondrian

Comaparison of Nutrition Components in Bread Flour

Bar Chart


Solution for hepplerj’s Brush Removal with Button

matrix component

streaming line chart with animation and long-scrolling

Backbone + reusable D3 charts

GitHub Commit Calendar Clone using D3

GitHub Commit Calendar Clone using D3

Fossil fuel as % energy consumption vs. GDP

Disease DALY in high-income vs med/low-income countries


R treemap as d3.js flextree

stateface from propublica used in R ggplot

dot plot example with rcdimple htmlwidget

another dot plot example with rcdimple htmlwidget for R

waffle + rcdimple version of fig10.3 from r-graph-catalog

hover.css applied to DiagrammeR grViz

svg responsiveness with waffle in R

R finance charts with the svgPanZoom htmlwidget

phylogram options for networkD3

add interactivity to base R plots

ggplot build with hierNetwork from networkD3

Simple Moving Average Strategy in R with pipes and widgets

demo programmatic control of a d3 brush

dimple define tick labels on x axis

rCharts Hijacks Dimple's Tooltip

rCharts + dimple v2.0.0 step interpolation example 1

rCharts+dimple | PIMCO Active Share Research

dimple + rCharts on Reinhart (1998)

HSL Overdrive

Unemployment rate in Europe (line chart)

Homicide vs life satisfaction

SVG & unemployment data

Unemployment rate with axes


Reusable Violin + Box Plot

Text on an Arc - Animal Donut Slices - Centered Arc Labels

Text on an Arc - Animal Donut Slices - Default Arc Labels

Text on an Arc - Months inside Donut Slices

Text on an Arc - Animate from Arc to an Arc

Text on an Arc - Animate from a Wavy line to an Arc

Gooey effect - Rectangle

Gooey Effect - Circle

Gooey Effect - Line

Valentine's day Heart curve - One Line

Valentine's day Heart curve

fun block

d3.svg.ribbon example



Interactive donut chart with transitions

teste de bolinhas

slope, one transition

Slope Chart

bars, sidebyside, sort

Time Series

Bars, sort buttons

bars: groups, events

Simple scatter transition

Horizontal Bar with scale and axes

bars: links,sorting

Scatterplot, transition + diagonal line

Soccer shotplot

Stop and Frisk NYC 2014

example 1

Stop and Frisk NYC 2014

Data-driven styling example in Mapbox GL JS

Same as before, but loads a LOT more features

Basic example of loading geojson using leaflet

Cigarette taxes by state, 1970-2015

Chart of median household income by Oregon county, 2013


Elastic Bubbles

Chart comparing CPI change from 1974-2014

Module 2 exercise, SVG drawing and load CSV file

Selfies: confidence vs. smiling

Cocircular Voronoi

Trump campaign

plotlyjs auto-resize

Bar Chart - Floating Scale

Reproduce a plotly graph on the plotly cloud using plotlyjs

GISTS// source

Core Housing Need


Average Annual Incomes by Regional District in BC. 2011

Bar with scale and axes

Core Housing Need 2

Core Housing Need

Multi-Foci Force Layout

Value of Agricultural Land: 1770–1810

2D Picking with canvas

Forslag partibarometer

Scatter plot pivot

Med responsive fonter

Prototype ny embedside

Denne er bedre mario...

SVG paths

Scatterplot: Income Inequality

Map: Bank Failures

Scatterplot: CO2 Emissions

Scatterplot: Labor Force Participation

Line Chart: Recent College Graduates

Line Chart: Prime-Age Workers

Line Chart: Brazilian Real

Line Chart: Season of Birth

Country Code Lookup

The Migrant Files: Money

The Migrant Files: Deportations

matrix component

spherical coordinates

force targets

Stacked-to-Grouped Police Killings



datasana #1








JSON Hyperground

d3 | keypress/keyboard events

d3 | times tables practice

d3 | Pure css grid programmatically

d3 | legend scroll

d3 | slider

Sparse and missing data

Pre-loading using spin.js with d3

d3 | zoom and panning

d3 | c3 Timeseries Chart

d3 | d3xter

d3 | random shapes

Stacked-to-Multiples (improved)

zooming with d3 geo

CA State Assembly and Senate maps filled by party

Plane Crash Column Chart

Shows where you are

three.js child moves and rotates w/ parent

svg shapes and d3.js drawing a futbol pitch.

Gnomic projection rotating around North Pole d3.js

d3 .append('image') w/ some svg's from the Noun Project

Interactive linear regression test

Lineal regression test with Math.js

Labeling speed test

Automatic labeling experiment step 1

Google Table

Before vs After Slider

Vector intersectrions

Intersection not working


grid force layout

Project Progression Visual

Radian | Angular | d3

Tale of 100 Start Ups

Cost of kids

Isometric projection

SAT scores sluggish?

digital heatmap

Complex number division

New Political Compass

line interpolation with gaps

drag circles around in a ring

adding a particular date to an SVG axis

Marks Comparision

Reusable Bar Chart

Force Layout - Positive Charge (Attract each other)

Force Layout - Charge

D3 with random color generator

Reuseable D3 MindMap (left/right tree)

Lyon's skyscrapers

Interactive Concave Hull

Reusable Concave Hull 1

Nested Timelines

Hierarchical Timeline Visualization

d3.layout.timeline categorized timelines

d3.layout.timeline with dates

d3.layout.timeline with procedurally generated data

Napoleon's March with d3.svg.ribbon

d3.svg.ribbon example


d3.sketchy bug

Example of d3.layout.forceInABox

Simple cola.js example with graph generator

Networks - Graphs 6

Networks - Graphs 2

Networks - Nodes 2

Networks - Nodes 1

Networks - Edges 6

Networks - Edges 5

Networks - Edges 4

Networks - Edges 3

Networks - Edges 2

Superformula Fireworks Scatterplot

Networks - Edges 1

Networks - Graphs 4

Circular Brush 3

Orbital Layout 1

Ch. 12, Fig. 9 - D3.js in Action

Ch. 12, Fig. 7 - D3.js in Action

Ch. 12, Fig. 6 - D3.js in Action

Ch. 12, Fig. 5 - D3.js in Action

Ch. 12, Fig. 3 - D3.js in Action

Ch. 12, Fig. 2 - D3.js in Action

Ch. 10, Fig. 4 - D3.js in Action

Ch. 10, Fig. 3 - D3.js in Action

Ch. 9, Fig. 13 - D3.js in Action

Ch. 9, Fig. 10 - D3.js in Action

Ch. 9, Early Dashboard 1 - D3.js in Action

Ch. 8, Fig. 6 - D3.js in Action

Ch. 6, Fig. 4 - D3.js in Action

Ch. 6, Fig. 8 - D3.js in Action

Ch. 5, Fig. 21 - D3.js in Action

Ch. 5, Fig. 22 - D3.js in Action

Ch. 5, Fig. 15 - D3.js in Action

Ch. 5, Fig. 17 - D3.js in Action

Ch. 5, Fig. 6 - D3.js in Action

Ch. 4, Fig. 25 - D3.js in Action

Ch. 4, Fig. 20 - D3.js in Action

Ch. 4, Fig. 17 - D3.js in Action

Ch. 4, Fig. 16 - D3.js in Action

Ch. 4, Fig. 14 - D3.js in Action

Ch. 4, Fig. 12 - D3.js in Action

Ch. 4, Fig. 9 - D3.js in Action

Ch. 4, Fig. 7 - D3.js in Action

Ch. 4, Fig. 5 - D3.js in Action

Ch. 4, Fig. 3 - D3.js in Action

Ch. 4, Fig. 23 - D3.js in Action

Ch. 5, Fig. 5 - D3.js in Action

Ch. 3, Fig. 18 - D3.js in Action

Ch. 4, Fig. 24 - D3.js in Action

Ch. 3, Fig. 17 - D3.js in Action

Ch. 3, Fig. 11 - D3.js in Action

Ch. 3, Fig. 19 - D3.js in Action

Ch. 3, Fig. 25 - D3.js in Action

Ch. 3, Fig. 10 - D3.js in Action

Ch. 3, Fig. 9 - D3.js in Action

Ch. 3, Fig. 6 - D3.js in Action

Ch. 3, Fig. 3 - D3.js in Action

Ch. 3, Fig. 2 - D3.js in Action

Ch. 2, Fig. 25 - D3.js in Action

Ch. 2, Fig. 23 - D3.js in Action

Ch. 1, Fig. 20 - D3.js in Action

Ch. 2, Fig. 11 - D3.js in Action

Ch. 1, Fig. 34 - D3.js in Action

Ch. 1, Fig. 32 - D3.js in Action

Ch. 1, Fig. 25 - D3.js in Action

Ch. 1, Fig. 18 - D3.js in Action

Ch. 1, Fig. 21 - D3.js in Action

Ch. 1, Fig. 22 - D3.js in Action

Topojson issue

Brush Snapping

d3.svg.legend example

Sketchy Charts with D3

Gnarly Chart Upgrade

square pie chart ( d3.js )

religion and LGBT rights

La Nación (noticias mas leídas por sección)

Las 15 comunas de CABA (SVG)

Urtubey (google word tree)

graphical perception (areas)

RGB, CMYK & Traffic light

Hours of Sleep

voronoi (d3, v5, svg, simple example)

testing rickshaw js

América del Sur

Data Mining vs Big Data

sin, cos, random

Medios (tv y radios) en Ecuador

3 círculos usando canvas html5

small multiples (no tan small)

noticias destacadas

Tablero de Noticias (3x3)

MODIS Land Cover (paleta)

lo mejor de p12

word cloud

Tabla de posiciones, Voley Sub16

Don't lie

Stock Market Data

visualization template based on mouse input

Mergesort II: commented

weather data

simple enter/update/exit example w/ data in multiple arrays

Example tests enter/update/exit

Create Your Own Texture!

Jittery Line w/ option to choose interpolation

grey boxes flying with music

jittery line (original)

Homage to John Simon's Every Icon

slider: days of the year

Exercise 6 for Data Visualizations and Infographics with D3

Exercise 4 for Data Visualization and Infographics with D3

Exercise 3 for Data Visualization and Infographics with D3

Exercise 2 for Data Visualization and Infographics with D3

Exercise 5 for Data Visualizations and Infographics with D3

Simple createLayer

quick linear regression test

projections for fun

Torque date format picker

torque static bubble map

Tight torque control over color of static map

Static torque for heatmap effect

Toggle different vis.json layers on a map

Williams Transco leak history

Animated Ohio Map with Counties

Ohio Map with Clipped Label

Animated Outline of Ohio Map

Mapbox Reference Overlay

71 Square Miles

Sabra Field in SVG, via @jfire

shell hexbinning

infowindow test

Sample Size Calculator

Bars vs Lines

Showing tooltips above a different element with d3-tip

line break down


D3 Bar Chart Update Pattern

Status Monitor: Pulsating Ball

Bar Chart with baseline at center

2 Level Diverging Bar Chart - 1 Data Set Implementation

2 Level Diverging Bar Chart - 2 DataSets Implimentation

Elections and Bar Graphs

Political Popularity Scatterplot

SVG & Loading

Countdown to Singularity (Log and Linear)

Conway's Game of Life

Convex Hull

Greenland (Centered)

Zoom Behavior (Scale)

Location API

Map with Graticule

Simple Map with D3

Automatic Scaling Features with D3

Square Countries

Responsive SVG Image

SVG Linear Gradient with D3

Smart Axis Ticks

Dot in a Box

Timeline plot, barplot (reusable, responsive)

d3.unconf() 2015 Block

Simple D3 Block - Bar Chart

Inner-Product Visualization (2D)

vizflow demo


Google map API v.3

Minimal D3js + GADM map

Animate external SVG

ShowUp Card

Minimal D3js reusable module

D3-svg-legend (test)

React and D3

U.S. Drought: quick look 4/7/15

Kai drawing paths

Letter Frequency Bar Chart

More interesting Scatterplot

Basic scatterplot

Line Comparison

Cumulative Retention Rates

TDD Bar Chart

High DPI Canvas (Retina support)


Markdown style, so your HTML looks like markdown!

Grouped Bar Chart with Crossfilter

gist style trials

Live project checklist template

geek words of wisdom


SVG star 2


JAVASCRIPT - The Good Bits. slideshow with markdown

SVG icons

sort stylin

Bootswatch API Demo // source

emoji explained 😃

CSS only icons

STYLIN Markdown


easily center an image with css

Gist List and Bl.ock links

Bootswatch API demo

Farthest feasible point filter

Swing door trending filter







Scatter III

Scatter II

Scatter I



Stacked Bump Chart






two line intersection

n-line intersection








Virtual Filesystem UI

Multidimensional Scaling

D3.js dispatch

Graph comparison

Three.js COLLADA loading

Three.js isometric SVG

Perceptual color libs compared

Duck Similarity (The Dark Side of the Moon)

Duck Similarity (Galileo)

Hierarchical Clustering

Gosper Displacement

A classic comparison (sorted)

Intersection of two line segments

Manuscript Transcription Simple Syntax

(Almost) stable word cloud

A classic comparison

Labels with line wrap (HTML in SVG)

Data matching diagram

Fit text to box

Text along path

Labeled treemap (flare)

Basic treemap (flare)

Treemap navigator II (dbpedia)

Treemap navigator (flare)

Merging a lot of squares

Node-link polar layout: curved links

Zoom + drag

FASS spiral II (L-system)

FASS spiral (L-system)

Hilbert spiral (L-system)

Hex spiral (L-system)

Hilbert sequence (L-system)

Square spiral (L-system)

4 categories multihue linear color scales

6 categories linear color scales

2 multihue diverging color scales

Random(ish) polygon

CSS3 Flexbox - Sidebar

OpeNER - Places with categories (polar chart binning)

Tape chart (interactive)

Archimedean spiral with a given angular length

Tape chart

Properties of archimedean spirals

Polar chart

Polar chart (area encoding)

A timeline of calendars

Pie chart

HTML5 File API - DnD PNG thumbnail

Radar chart

2D with stacksgl

Merging States with Presimplify Bug?

YouTrack Grid Demo

D3 linepoints chart by datasets

Clock (annotated)

Adaption of animation, for teaching purposes

D3 Challenges (WIP)

Jittery Line (commented)

Finding the data transformation

Binomial Probability Density

Simple Scatterplot

Icicle Chart













d3.unconf ticket



Projection Transitions

Network with Communities

Time Data Comet


US Corporate Tax as a Percentage of GDP 1934-2020

USG Outlays Test

Submarine Cable Map (Cahill Projection)

Calendar View

Text Along a Path

Make an element follow a path

Animated D3 Logo



Jittery Line

Understanding nest

Gooey Effect - Circle

Shape Tweening

Round world

Custom Axis

Ch. 4, Fig. 14 - D3.js in Action

Point Quadtrees

String-Word Inversion

Closest Pair Problem

Générateur de rosaces

Custom interpolator for path

sin(2t), radial projection

Color scale


Solar water flow

Bubble sort

Radial line generator, interpolation from an empty array

Selection Sort

Insertion Sort

Building Quadtree

Starting Points w/ Data

Jittery Line

Mergesort II

Wk 5 Hwk

Population Projections Europe

The Migrant Files: Money by Route

Datavis pipeline

State Grid Choropleth

USG Revenue as % of GDP 1934-2020

Conversion rates

KotoJS BarChart (ES5)

programmatic control of a d3 brush - specify zoom

KotoJS BarChart (ES2015)


d3.js wiki visualization

Concentric rings with pie layout

Regional Districts of British Columbia

svgsaver crowbar

Three Common Types of Capital Wealth: 1770–1810

concentric circles

fixed election map

Circle Aliasing

Mortality causes in low- and high-income countries

Austeryti in Greece - Mk2

Austerity in Greece - axis

Exercise for module 2

Greece - scatter

Largest 5 Countries

Fog of War SVG Filter Mask Example

A scatter plot

A scatter plot

A scatter plot

Polar Area Small Multiples

World Population Single Bar

Introducing d3.layout.pie

Colored Circle Area Chart

Nest & Stack

D3 Stack Layout

SVG viewBox and intrinsic dimensions


Circle Area Chart

Matter.js Doodle

Fog of War IV

Fog of War III

Fog of War I

Fog of War II

3D Pie: god help my soul

The Migrant Files: Money Bars

Largest 5 Countries: Log Scatterplot

custom ease

d3.js shooting signatures for key rate duration

programmatic control of a d3 brush - specify zoom

matrix: rotations

Radios censales del censo 2010, Argentina. (fuente: INDEC)

Población por provincia (Tableau public)

Interpolation and Area Charts

Ben Carson State Grid

Overdoses2011-2013 Cartogram

JSON to Grid Choropleth

Intermediate D3: Week 1 Scott's example


d3 with x3dom Demo

Graticule issue

Dunot Chart Rent

Grouped Bar Chart

A chart of yale's dormitory building energy usage

CT IT Portfolio Budget

ct_portfolio axis labeled

CT town municipal data points

Connecticut IT Projects Portfolio

Earthquake Data with Handlebars Templates

Grouped Bar Chart - Reusable



aframe + d3 test_next project

item explorer - demo

simple transitions with d3.js

Gun Violence Scatter Plot

Barplot Implementation advanced (Visual Implementation 2)

Bar plot Implementation (Visual Implementation1)

Bar Chart with data

Bar chart practice

D3 Bar Chart Tutorial

Bar Chart Detail

D3 Ranged Bar Chart

Diwali Greeting

Animate SVG path on scroll

Art in Pi, Experiment #1

The Force with React + D3, Approach #2

The Force with React + D3, Approach #1

dc.js example

Spirograph drawer - Animating solid and dashed lines

Inline Labels

Mass Shootings in the US

d3 | reusable slopegraph v2

d3 | Force layout with images

Bubble chart with buttons

US grid campaign finance

just practice....

Visualization Implementation (VI2)

Visualization Implementation (VI1)

Demandes d'asiles en Europe

digital & line clock

Tableau + Mapbox integration

Bitter-Lato combination


Triangle Centers

d3js clickable, sortable stacked bar chart

dcjs resize

dc.js checkbox

VI2 - James Eanes

VI1 - James Eanes

Rainbow Circle 720

D3 test.!

Visualization Implementation (VI2)

Visualization Implementation (VI2)

Visualization Implementation (VI1)

JDR VI2 for CS725@ODU

JDR VI1 for CS725@ODU

Spinny Globe


simple Newtonian physics sim

Bar Chart with Negative Values

Bar Chart

Bar Chart

Bar Chart

Arc Padding II

Arc Padding II

Bar Chart

Bar Chart

Hypercubed ecosystem


Bar Chart

Star Wars dismemberments


Timeline with 2 streams and events

aframe + d3 experiment

hexbin with no axes

morph a composite path, fold axes together

morph a composite path

Reusable Stacked Chart: Ladybug group interactions

Reusable Area Chart: Ladybug group interactions

d3 colors for nick

Eixos dinámicos e valores aleatorios

Country Centroids on a Map

timeline - correlation

timeline - comparing trends

timeline - trend & seasonality

timeline - trend, confidence interval, outliers

timeline - trend


d3.js wiki visualization

Dutch Flag Problem II

Inline Labels

Shellsort II


Dutch Flag Problem

Distributions 3

Loss Limiting

transition test

simple bar chart

New Year's Card - Nature

'Mickey Mouseover' menu

Random Walk USA

Threatened Species

Map: Cell Towers

Google Map + D3 Example

Horserace tool

Update Pattern -- Bars

circle transitions example for @hectorleon


Lever Love (Taskqueue2)

Convert a set of scatter values to the scatter density

D3 Workshop

evenly distribute points on a circle



Percentage Change II

CS 725 Information Visualization - VI3

CS 725 Information Visualization - VI2

CS 725 Information Visualization - VI1

D3 tutorial

Histogram Equalization

Religions Bar Chart

Empty Boxes

Iris Dataset Scatter Plot

Tree Fractal with Circles

Negative Relative Time Ticks

X Foo Button

Chiasm-Charts v0.1.0

World Population Area Chart

Loess with science.js

World Population Line Chart

Yliopiston työntekijät

Progressive pie chart 3

Progressive pie chart 2

Progressive pie chart 1

Postin työntekijät

Progressive pie chart 4


My first map




SVG textで改行 part.2


SVG textで改行 part.1

Square bin map - japan

Example for asterisky

Rotating Earth Cross Section in X3DOM

Relationships among teams 2

UK postcode search

comet chart - input your own data

item explorer - visualization option 1

tree with embedded data

item explorer - demo

item explorer - data format - example 4

item explorer - data format - example 5

item explorer - data format - example 3

item explorer - data format - example 2

item explorer - data source - example 3

item explorer - data source - example 2

item explorer - data source - example 4

item explorer - data format - example 1

Iris Data

item explorer - data source - example 1

Math exercise for kids - division

Art in Pi, Experiment #2

Linear Scale with Decimals

Pack Layout with Transitions

Moby bubble chart

Tactics board, line draw

Tactics board, freehand draw

James' tactics board

Micropolar microphones

Flexbox tour

Power of Data Redo

test merging and topology

d3scatter with d3-lasso (shift key)

scatterD3 + d3-lasso experiment

quick example of xml_tree_view in xmlview htlmwidget

d3_exploding_boxplot as R htmlwidget

start of codemirror htmlwidget

Bar Chart

working with SVG

Basic Selections

Tutorial 6: HPCC Platform Roxie Data + Column Chart

Custom Ordinal Palette

Tutorial 5: HPCC Platform Workunit Data + Column Chart

Column Chart

Tutorial 1: Hello World

transition test 2

transition test

SVG pointer-events test

SVG text glow

random distributions

aframe + d3 test

Bar Chart Update Pattern

Animating a single line & multiple lines

Enter, update, exit

Sorting grouped bars

D3 Scatterplot (Animations)

Texas death penalty

Coffee consumption vs. Diabetes

AI - Infographic

Personality Types

Water Footprints on Consumption



nuviun's Wearable Health Innovation Scoring - test

How many 26year olds did/do/will live in Inner London

The Global Innovation Index 2014

We Love All the People who come to Hackney, London!

# of Deliberate Fires in London (Feb. 2015)

Vega 2.0 events and marks

PRU (interactive) logo

Ceci n'est pas un dropdown

Scale Tutorial

Transition Tutorial

Week4 homework1 - Scale Fix

Visualization Implementation (VI3)

Slider Control

Visualization Implementation (VI3)

Total Deaths

Visualization Implementation-3

JDR VI3 for CS725@ODU

Visualization Implementation (VI3)

demo programmatic control of a d3 brush

Simple modification based on mbostock's Bullet Charts.

timeline - seasonality detection (I)

Key Words For Sports Starts Comparison- Jiaxin Pyramid


Grid fade-out