Radar Chart D3 V4
This example demonstrates a radar chart built with D3 v4, redesigned to improve the visual appeal of the original implementation by alangrafu. It renders an SVG-based spider chart with six axes, each labeled with a neighborhood name, and uses semi-transparent filled polygons to represent data series. The chart includes circular level lines and percentage labels, with axes extending from the center. The code defines a reusable `RadarChart.draw` function that accepts data and customizable options, and the example uses two series (e.g., Central and Picton) with hover interactions. The visualization is animated and styled with the Fira Sans font. The data shown is a single series with six areas, though the code supports multiple series.
AI-generated descriptionA redesign of the radar chart function that was created by alangrafu, used in my blog on Making the D3 Radar Chart look a bit better
An even newer version created 2 years later can be found here
forked from <a href='http://bl.ocks.org/nbremer/'>nbremer</a>'s block: <a href='http://bl.ocks.org/nbremer/6506614'>D3.js - Radar Chart or Spider Chart - Adjusted from radar-chart-d3</a>
forked from <a href='http://bl.ocks.org/alandunning/'>alandunning</a>'s block: <a href='http://bl.ocks.org/alandunning/4c36eb1abdb248de34c64f5672afd857'>Radar Chart D3 V4</a>