Skip to main content
SimilarExport ZIP
100%

Social Media Bubble Chart

✓ Published0🌍 Public
Fflanagancarlie@gmail.com
Last edited Apr 25, 2023
Created on Apr 14, 2023

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.

AI-generated description

Visualization of a bubble chart comparing social media on four scales: community, discovery, agency and self-expression from my senior project's survey data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Social Media Bubble Chart Psuedo-Viz

This pseudo-viz compares five social media platforms across four scales—community, discovery, self-expression, and agency—using a bubble chart built with D3 v7. A dropdown menu lets viewers switch between the four metrics, which changes each circle’s radius based on the selected data value (e.g., `d.c` for community). Circles are positioned horizontally by platform using `data.indexOf(d) * 150 + 100`, filled with `schemeCategory10` colors, and labeled with platform names. The data comes from survey responses in the author’s senior project repository.

Fflanagancarlie@gmail.com
93% match
Loading thumbnail…

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.

Fflanagancarlie@gmail.com
92% 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
78% 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
78% 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
77% match
Loading thumbnail…

Color: Social Media MQP

This visualization displays survey responses about social media usage as a diverging stacked bar chart, with each bar representing a platform and colored segments showing the distribution of agreement or frequency ratings. The code uses D3 v7’s `scaleBand` for categorical bars, `scaleLinear` for the diverging axis, and the `schemePuOr` color scheme. Data is loaded from a CSV file via `csvParse`, aggregated with `d3.rollup`, and rendered through custom functions for bars, axes, and legend. A dual-mode filter can restrict the view to two selected media platforms.

KK Munz
76% match
Loading thumbnail…

Social Media Usage Histogram

A histogram displays the frequency of social media platform usage from a survey dataset, with each bar colored according to the platform it represents via `mediaToColor()`. The chart uses `d3.histogram()` with `scaleBand()` and `scaleLinear()` axes, and includes tooltips on hover showing the response count for each platform. Data is loaded from a CSV, filtered, and processed through custom `combine()` and `countMedia()` functions before being rendered with D3 v7.

Fflanagancarlie@gmail.com
76% match
Loading thumbnail…

Final Project: SocialSight V2

SocialSight V2 visualizes survey data comparing twelve social media platforms across Likert-scale questions about community, self-expression, discovery, and agency. The dashboard offers four interactive views: a parallel coordinates summary, a single-platform bar chart, a diverging Likert scale for all platforms, and a dual-platform comparison. Code uses D3 v7 APIs including `d3.rollup`, `scaleBand`, `scaleLinear`, and `axisBottom`. Interactions include filtering by platform, selecting questions via Tom Select dropdowns, and hovering to highlight radar chart paths. Data originates from a CSV loaded via `fetch` and parsed with `d3.csvParse`.

KK Munz
76% match