Sanjay Diagram

An interactive playground of unique D3.js visualizations powered by live Pokémon stats.

Interactive D3.js

01 Interactive Pokémon Dataset

Double-click any cell in the table below to edit a Pokémon's stats. All charts will automatically update to reflect your changes!

02 Pokémon HP Comparison

A classic reactive bar chart with dynamic scaling and tooltips.

03 Stat Profile Radar Comparison

Compare complete attribute webs between any two Pokémon side-by-side.

04 Attack vs Speed Beeswarm

Using physical force simulations (d3-force) to prevent overlaps in distribution.

Color: Pokémon Primary Type
Grass Fire Water Bug Normal

05 Type Linkage Network Graph

Drag nodes to experiment with physical forces. Hover nodes to highlight type relations.

Use scroll-wheel to zoom & drag to pan

06 Pokémon Animated Stat Race & Wriggler

Watch Pokémon stats dynamically wriggle and reorder in real-time. Choose Accumulative Battle Race or continuous Live Fluctuation!

Speed:
Wriggling... | Tick: 0

07 Interactive Git Commit History Graph

Double-click cells in the table to edit commits, branches, or parent links. Watch the Git graph dynamically adjust!

08 Interactive Flow Sankey Diagram

Double-click cell values to adjust budget resource allocations and witness flowing bands resize instantly.

09 Interactive USA Choropleth Map

Double-click state statistics (0 to 100) to dynamically color-fill state boundaries. Includes thin county borders!

Hover states for tooltips and values

10 Interactive Chord Relationship Diagram

Double-click values to modify trade and migration flows between world regions. Outer arcs and inner ribbons morph in real-time.

Hover ribbons to highlight flow amounts

11 Interactive GitHub-Style Activity Heatmap

Click cells directly in the heatmap to increment activity counts, change theme palettes, or use the logging panel to record structured commits and watch streaks update in real-time.

Total Contributions
0
Current Streak
0 Days
Longest Streak
0 Days
Busiest Day
None
Note: Click any square to select or increment activity count (+1).
Less
More

Control Center & Logger

Log Structured Contribution

12 Generative Voronoi & Delaunay Playground

An interactive geometric field. Move your mouse to warp space, click to add permanent cells, or toggle dynamic animation!

Cells: 20 | Hover to bend Delaunay lines