Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smoothed D3.js Radar Chart

Public visualization

Viewing a saved revision (read-only)

205a517669d94037a9f7ff68d32daf7c

Fork of Smoothed D3.js Radar Chart

0 stars0🌍 Public
Eemwadde
Last edited Sep 11, 2021
Created on Sep 11, 2021

This example shows a smoothed radar chart comparing multiple entities across four axes, including hospital metrics like running cost and bed count, rendered with D3.js v3. The chart uses an ordinal color scale and a logarithmic-like radius scale to draw circular grid levels, radial axes, and filled polygon blobs with stroke and glow filters. It includes an SVG-based interactive tooltip and legend, with all elements animated via D3’s data join and transition methods. The code relies on D3’s `d3.scale.linear`, `d3.scale.ordinal`, and `d3.range` to manage scaling and layout, and applies a cardinal-closed interpolation for smooth blob paths.

AI-generated description

React Starter code.