Social Media Bubble Chart Psuedo-Viz

Fflanagancarlie@gmail.com

Social Media Bubble Chart

This visualization displays survey data as a bubble chart, comparing twelve social media platforms across four user-perception scales: community, discovery, agency, and self-expression. Each platform appears as a labeled circle, with radius size reflecting the average response score (from 1 to 5) for the selected scale, and color encoding the platform identity. A dropdown menu switches between the four scales. The chart uses D3 v7.js for rendering and interactive elements, including tooltips that display the average score and its qualitative label, with data fetched from a CSV file and processed through filtering and aggregation functions.

93% match

Fflanagancarlie@gmail.com

Social Media Scale Comparison

This visualization compares twelve social media platforms across four user-experience scales (community, discovery, self-expression, and agency) using survey response data. A bubble chart positions platforms on the y-axis and scale categories on the x-axis, with bubble size and color encoding the average Likert-scale score. The data processing pipeline uses `d3.csv`, `d3.select`, and `d3.sum` to aggregate responses, while `vega-lite` API constructs the circle-mark visualization with tooltips. The resulting plot reveals how each platform supports or inhibits different user needs.

89% match

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.

77% match

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.

77% match

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.

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

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`.

Parallel Coordinates Plot - Social Media MQP

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.

KK Munz