Skip to main content
100%

Radar Chart Interaction

✓ Published0🌍 Public
Kkratikashetty1102@gmail.com
Last edited Mar 7, 2024
Created on Mar 7, 2024

This radar chart visualization compares social media platforms across four dimensions: Community, Self-expression, Discovery, and Agency. Users hover over a platform's radar shape or legend item to highlight it, dimming all other shapes to focus on the selected media. Legend items can be clicked to toggle a platform's visibility entirely, removing it from the chart. The visualization uses D3 v7's `scaleLinear` for axes and the `line` function for path generation, with custom hover and legend interaction logic built using `d3.select` and event handlers. Data is fetched as a CSV and processed using `csvParse` and `d3.group` to compute mean scores per platform.

AI-generated description

Radar Chart REAL Visualization!

Next, interactive legend, hover highlighting, and maybe zooming scales

Got help from ChatGPT on the hover code: https://gistpreview.github.io/?d6ab9f1fddca65abf60fdbefbe89a5f5

MIT Licensed

Similar vizzes