Skip to main content
SimilarExport ZIP
100%

Parallel Coordinates Plot - Social Media MQP

✓ Published0🌍 Public
KK Munz
Last edited Mar 28, 2023
Created on Mar 20, 2023

This interactive radar chart visualizes survey data from a social media MQP study, plotting six platforms across four human-scale attributes: Community, Self-expression, Discovery, and Agency. Each colored polygonal line represents a media platform (e.g., Twitch, TikTok), with axes scaled from 0 to 6. The visualization uses D3 v7’s `scalePoint`, `scaleLinear`, and `line` generators to construct the radar shapes, while custom hover and click handlers in `radarHover.js` and `radarLegend.js` enable highlighting and toggling of individual platforms. Data is loaded from a remote CSV and aggregated via `d3.group` and `d3.mean` to compute attribute scores.

AI-generated description

Parallel Coordinates Plot!!!!!!!!!

MIT Licensed

Similar vizzes

Loading thumbnail…

Radar Chart Backup

Four social-media platforms are plotted on a square radar chart with four axes: Community, Self-expression, Discovery, and Agency. The visualization uses d3-scale-chromatic for colors and D3 v7’s `scaleLinear`, `line`, `axisLeft`, and `axisBottom` to render the chart. Interactive legend items allow clicking to toggle platforms on or off, while hovering over either a radar shape or legend entry highlights the corresponding media and dims the others. Data comes from a CSV file that is parsed and grouped to compute mean scores per platform.

Kkratikashetty1102@gmail.com
83% match
Loading thumbnail…

Radar Chart

This radar chart visualizes survey data on social media platforms, mapping each platform’s scores across four axes: Community, Self-expression, Discovery, and Agency. Rendered as polygonal shapes, each platform is colored according to its brand. Users can interact through a clickable legend, which toggles platforms on and off, and hover over either shapes or legend items to highlight the corresponding data while dimming others. The visualization is built with D3 v7, using `scaleLinear` for axes, `line` for path generation, and event listeners for the interactive behaviors.

Kkratikashetty1102@gmail.com
83% match
Loading thumbnail…

Fork of Project Momentum: Radar Chart Data, Legend, Scales

This chart displays real survey data as a radar chart with four axes representing Community, Self-expression, Discovery, and Agency. Twelve social media platforms are plotted as irregular, outlined shapes, each color-coded to match a custom legend built with D3 scale-chromatic. The visualization uses `d3.scaleLinear` for each axis, `d3.line` to generate closed paths, and D3's selection and join methods to construct the axes, labels, and legend. The data is fetched from a remote CSV and grouped and averaged using `d3.group` and `d3.mean`.

Kkratikashetty1102@gmail.com
82% match
Loading thumbnail…

Project Momentum: Radar Chart Data, Legend, Scales

A radar chart visualizes social media platforms across four dimensions—Community, Self-expression, Discovery, and Agency—using real survey data fetched from a GitHub gist. Each platform’s values are plotted as a closed path, with color-coded legend items distinguishing platforms like Twitch and Instagram. The chart uses D3 v7’s `scaleLinear`, `line`, `axisLeft`, and `axisBottom` to render axes and scales, while `d3.csvParse` processes the raw CSV data. The visualization is rendered as a square SVG, with axes labeled and positioned around a central point.

KK Munz
82% match
Loading thumbnail…

Radar Chart Interaction

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.

Kkratikashetty1102@gmail.com
82% match
Loading thumbnail…

Radar Chart Interaction

This example presents an interactive radar chart comparing social media platforms across four dimensions (Community, Self-expression, Discovery, and Agency), with data loaded from a CSV file. The visualization uses d3.line and d3.scaleLinear to render each platform’s polygon, with d3.axisLeft and d3.axisBottom for the axes. Hovering over a shape or legend item highlights the corresponding element using CSS classes, while clicking a legend item toggles the visibility of its radar shape. The implementation leverages D3’s selection.on for event handling and d3.group for data aggregation.

Kkratikashetty1102@gmail.com
81% match
Loading thumbnail…

Fork of Radar Chart

This visualization presents survey data on four dimensions—Community, Self-expression, Discovery, and Agency—for twelve social media platforms. Each platform is represented as a colored radar shape, with interactive legend items enabling users to hover for highlighting or click to toggle platforms on and off. The D3.js code uses `d3.select` joins for rendering, `scaleLinear` for axes, and custom event handlers for hover states and opacity changes. Data is fetched from a CSV file and processed with `d3.group` and `d3.mean` to calculate average scores per platform.

Kkratikashetty1102@gmail.com
81% match
Loading thumbnail…

Axes & Labels: Social Media MQP

This visualization presents survey responses about social media usage as a diverging stacked bar chart, with each bar representing a different platform and segments colored by six-point agreement or frequency scales. The chart sorts platforms by net positive sentiment and includes labeled axes, a title, and a legend. Built with d3.v7, it uses `scaleLinear` and `scaleBand` for positioning, `axisLeft` and `axisBottom` for axes, and `schemeRdBu`-derived colors to encode responses. Data is fetched from a remote CSV and aggregated using `d3.rollup` and `d3.group`.

KK Munz
81% match