blocks by nbremer

Simple click to change location scatterplot

Simple animated bar chart

Creating a Kaplan Meier plot, used in Survival Analysis, using R's ggplot2 package

Canvas tutorial - Extreme level - Solution

Canvas tutorial - Medium level - Solution

Canvas tutorial - Normal level - Solution

Canvas tutorial - Turn SVG scatterplot into Canvas - Extreme level

Canvas tutorial - Turn SVG scatterplot into Canvas - Medium level

Canvas tutorial - Turn SVG scatterplot into Canvas - Normal level

Film Flowers - Petal Nadieh

Canvas CMYK Halftone effect

LotR words - d3.unconf badge

Reasons to - Remix - II

Reasons to - Remix - I

Basic loom and string layout

Minimal Regl version of "A Breathing Earth"

Phyllotaxis layout in SVG

Simplified Baby Names Chart - I

Smooth Fisheye

Step 6 - Final - Voronoi (Distance Limited Tooltip) Scatterplot

Step 5 - Voronoi (Distance Limited Tooltip) Scatterplot

Brushable Horizontal Bar Chart - V

Brushable Horizontal Bar Chart - IV

LotR words - Who's speaking in Middle Earth

Brushable Horizontal Bar Chart - III

Brushable Horizontal Bar Chart - II

Brushable Horizontal Bar Chart - I

Random gradients and orientations - Hexagons - 1 palette

Random gradients and orientations - Hexagons - 2 palettes

Gooey effect - Data visualization showcase

Gooey effect - Hexagon

Gooey Collision Detection

Gooey effect - Rotating circles - Non-blending colors

Gooey effect - Rotating circles - Blending colors

Data based gradients - HR Diagram

Data based gradients - Simple - Solar system

Radial gradient - Simple example - Sun

Radial SVG gradient - Random bubble art

Color blending - Hexagon

Color blending - Infinity showcase

Motion blur - Top running speeds

Motion blur - Diagonal movement & Multiple filters

Motion blur - Simple circle movement

Motion blur - Hexagon intro

Animated gradient - Minard's chart of Napoleon's Russia campaign

Linear SVG Gradient - A hexagonal SOM heatmap with color legend

Abrupt gradients - Dynamically updating gradient

Abrupt gradients - The growth of BMI across the world

Adding a glow filter - simple examples

Animated gradient - Simple rectangle

Data based orientations in SVG Gradients - Step 3

Data based orientations in SVG Gradients - Step 2

Data based orientations in SVG Gradients - Step 1

Linear SVG Gradient - Traffic accidents per Day & Hour combination

Linear SVG Gradient - Weather Radial

Spirograph drawer - Animating solid and dashed lines

New Year's Card - Criminality

New Year's Card - Nature

New Year's Card - Life expectancy

A SOM Clustering of block Colors - Including HSL & RGB - II

Circle Packing at its most Basic - Canvas only

Circle Packing at its most Basic - Canvas & D3.js

Zoomable Circle Packing with Canvas & D3.js - II

Zoomable Circle Packing with Canvas & D3.js - I

A SOM Clustering of block Colors - Including HSL & RGB

A SOM Clustering of block Colors - Including RGB

Data based orientations in SVG Gradients - Final example - Avenger Movie Collaborations

Radar Chart Redesign

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

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

Step 3 - Voronoi Scatterplot - Tooltip attached to circle

Step 2 - Voronoi Scatterplot - Tooltip attached to Voronoi grid

Step 1 - Voronoi Scatterplot - Simple scatterplot with no Voronoi

Step 4 - Voronoi Scatterplot - Extra interactions

Stretched Chord - The Final Result

Stretched Chord - Step 5 - How to make the chords touch the pulled apart arcs again

Stretched Chord - Step 4 - How to pull the two halves apart

Stretched Chord - Step 3 - Different Color Scheme

Stretched Chord - Step 3 - How to make the two sections symmetrical

Stretched Chord - Step 2 - How to create an empty section in between the two halves

Stretched Chord - Step 1 - How to set up a Chord Diagram matrix to show Flows

Stretched Chord Diagram - From educations to occupations

Gooey effect - Rectangle

Gooey Effect - Line

Gooey Effect - Circle

Chord diagram 2014 - End result

Valentine's day Heart curve - One Line

Valentine's day Heart curve

Storytelling with Chord Diagram

Phone Brand Switching - Chord Diagram - 2014

Chord diagram - Switching behavior between phone brands of the Dutch

Chord Diagram - Phone Brand Switching

D3.js - Radar Chart or Spider Chart - Adjusted from radar-chart-d3

Self Organizing Map - Heatmap - D3

Self Organizing Map - Hexagonal Heatmap - Lines