Axes & Labels: Social Media MQP

100%

Axes & Labels: Social Media MQP

✓ Published1🌍 Public

Last edited Feb 27, 2023

Created on Feb 15, 2023

Forked from First Visual: 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`.

AI-generated description

I have added Axes with label, A title and a legend!

'STR D': Strongly Disagree 'D': Disagree 'SLI D': Slighty Disagree 'SLI A': Slighty Agree 'A': Agree 'STR A': Strongly Agree

'N': Never 'VR': Very Rarely 'R': Rarely 'O': Ocassionally 'F': Frequently 'VF': Very Frequently

MIT Licensed

Similar vizzes

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

92% match

Loading thumbnail…

Menu: Social Media MQP

This visualization displays survey responses about social media platforms as horizontal diverging stacked bar charts. Each bar represents a platform, with segments showing percentages of responses from "Strongly Disagree" to "Strongly Agree" or "Never" to "Very Frequently," depending on the question. The chart uses d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.schemePuOr for the color scale. Data is loaded from a CSV file via `csvParse`, processed with `d3.rollup` and `d3.group`, and rendered using D3.js v7. A dropdown menu allows switching between survey questions.

KK Munz

90% match

Loading thumbnail…

Bar Chart - Social Media MQP

This example shows responses to a Likert-scale survey question as a bar chart, with counts for each agreement option (e.g., “Strongly Disagree” to “Strongly Agree”) for a selected social media platform. A dropdown menu lets the viewer switch between questions, and the chart updates its scale and bar heights accordingly. The visualization uses D3 v7 modules including `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` to render the bars and axes from CSV data fetched via `csvParse`, with a fixed color scheme imported from `schemePuOr`.

KK Munz

89% match

Loading thumbnail…

Fork of Menu: Social Media MQP

This visualization displays survey responses across social media platforms as a diverging stacked bar chart, with each bar segmented by six Likert-scale agreement or frequency categories. The bars are sorted by the proportion of positive responses, and a legend identifies the color-coded scale items. Built with D3 v7, the example uses `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and the `schemePuOr` color scheme. Data is loaded from a CSV file via `csvParse`, aggregated with `d3.rollup`, and rendered with SVG rect elements. A dual-mode filter restricts the comparison to two selected platforms.

DDonald Bagwell

89% match

Loading thumbnail…

First Visual: Social Media MQP

A diverging horizontal stacked bar chart visualizes Likert-scale survey responses to question C3 about social media, with each bar representing a media type and color-coded segments from strongly disagree (red) to strongly agree (blue). The chart fetches CSV data, parses it with `d3.csvParse`, groups responses by question using `d3.group`, and computes percentage counts per scale point. Bars are sorted by agreement score and rendered using `d3.scaleLinear` for the x-axis and `selection.join` for SVG rectangles, with a fixed six-color palette.

KK Munz

89% match

Loading thumbnail…

Fork of Menu: Social Media MQP

A diverging stacked bar chart shows how survey responses to social media questions split across a six-point agreement or frequency scale for each platform. Data is loaded from a CSV file, grouped by question and media name, then sorted by net positive sentiment. The visualization uses d3.scaleLinear, d3.scaleBand, axisLeft, and axisBottom to render bars and labels, with a legend built from the scale array. A dropdown menu generated from the data’s question titles lets users switch between survey questions.

DDing

86% match

Loading thumbnail…

Dual Choice: Social Media MQP Project Momentum

This dual-mode diverging bar chart compares survey responses across social media platforms, allowing viewers to switch between questions and swap platforms in and out of the comparison. Built with D3 v7, it uses `scaleLinear` and `scaleBand` for positioning, `axisLeft` and `axisBottom` for axes, and a `schemePuOr` color palette. Data is loaded from a CSV via `csvParse`, with interactive dropdowns implemented through HTML `select` elements that trigger state changes and re-rendering.

KK Munz

82% match

Loading thumbnail…

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

81% match