A random sample of 750 Abalone measurements from UCI Machine Learning Repository.
Name Data Type Meas. Description
---- --------- ----- -----------
Sex nominal M, F, and I (infant)
Length continuous mm Longest shell measurement
Diameter continuous mm perpendicular to length
| path,circle,rect,polygon,ellipse,line { | |
| vector-effect: non-scaling-stroke; | |
| } | |
| svg, canvas { | |
| top: 0; | |
| } | |
| #d3MapZoomBox { | |
| position: absolute; | |
| z-index: 10; | |
| height: 100px; |
Based on Sara Quigley's Curriculum Exploration
A refactored version of Sara Quigley's Issue Breakdown as a simple example of a Sankey diagram
Hexbin Heightmap Transitions with Canvas
This example contains bugs!
Cardiac Surgery by Surgeon: Beginning 2008
Based on Mostapha's Mouse Over Example
Hexbin Heightmap with cell colors cycling between minimum and maximum elevation. Transitions use data-space interpolation to tween colors.
Another variation of color-cycling a spanning tree generated by Prim’s algorithm. Here the periodicity of the color scale by tree depth is varied over time, alternating between emphasis of micro and macro structure. This idea was suggested in a Hacker News comment.
Example of curved textPaths in arcs, based on this fiddle by Susa Merz.