Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smoothed D3.js Radar Chart

Public visualization

Smoothed D3.js Radar Chart

0 stars0🌍 Public
XXuân Vinh
Last edited Dec 17, 2023
Created on Dec 14, 2023

This smoothed D3.js radar chart compares smartphone attributes—such as battery life, brand, and contract cost—across three phone models (iPhone, Samsung, Nokia). The visualization uses circular grid levels with percentage labels, radiating axes, and filled, semi-transparent polygons with rounded strokes to represent each product’s profile. Built with D3 v4, the code leverages `d3.scaleOrdinal` for color, `d3.scaleLinear` for the radial scale, and SVG elements like circles and paths to render the chart, complete with a glow filter and interactive hover tooltips.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed