WesselSmit

@WesselSmit·2 public vizzes

Smoothed D3.js Radar Chart

This smoothed D3.js radar chart visualizes survey responses for a single Nokia smartphone across eight attributes, including battery life, brand, and price. The chart uses circular grid lines, radiating axes, and a filled, rounded polygon to represent the data values. Rendered with SVG and animation, it employs D3’s ordinal color scale, linear radius scale, and a glow filter, with cardinal-closed strokes for smoothing. The legend and tooltip are included, and axes are labeled with percentage values.

Nov 12, 2019

Loading thumbnail…

Smoothed D3.js Radar Chart

This gallery example presents a smoothed radar chart comparing smartphone attributes across three brands, using a dataset that scores features like battery life, brand, and price. The visualization displays aggregated values as colored, rounded polygons on a circular grid, with level labels and axes indicating value scales. The chart is built with D3.js version 3.5.6, using `<svg>` elements for rendering, a linear scale for radius, and an ordinal color scale to distinguish the three data series. The code includes a glow filter and calculates the maximum domain from the data to ensure all values fit within the plot.

Nov 12, 2019