Social Media Survey Demographics Histogram

100%

Social Media Survey Demographics Histogram

✓ Published0🌍 Public

Last edited Apr 25, 2023

Created on Apr 6, 2023

This visualization displays histograms of demographic survey data, showing the frequency distribution of respondents by gender, race, age, and LGBT status. Users can switch between these categorical variables using a dropdown menu, with each bar’s tooltip revealing the exact response count. The chart uses D3 v7’s `scaleBand`, `scaleLinear`, and `flatGroup` for binning and axes, with data loaded from a CSV via `csvParse`. The code combines demographic fields from the survey and filters out incomplete or underage responses before rendering.

AI-generated description

A histogram of race, age, gender and LGBT status and demographics of my MQP dataset with simple axes, using the d3 histogram basic tutorial with tooltips from Map of top-rated restaurants in Greater Boston.

MIT Licensed

Similar vizzes

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

81% 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 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.

Fflanagancarlie@gmail.com

75% 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

75% match

Loading thumbnail…

Interactive Demographic Donut Chart

This interactive donut chart visualizes the distribution of players across demographic categories, showing subcategories like age ranges (18–24, 25–34) and gender (male, female) as colored slices with hover tooltips displaying percentages and counts. A dropdown menu lets users switch between age and gender views, triggering animated transitions between datasets. The visualization uses d3.pie, d3.arc, d3.scaleOrdinal, and d3.transition in SVG, with data loaded from a CSV file via d3.csv. Hover interactions and a legend with category labels enhance readability.

Iindira-antgrvty

74% match

Loading thumbnail…

Social Media Survey Duration Histogram

This histogram displays the distribution of survey completion durations in seconds from a social media MQP dataset. Bins along the x-axis represent time intervals, while the y-axis shows the frequency of responses falling into each bin, with tooltips revealing the exact range and count per bar. The chart uses the D3.js library, specifically `d3.histogram()`, `d3.scaleLinear()`, and `d3.axisBottom()`/`d3.axisLeft()`, along with custom tooltip styling. Data is fetched as CSV from GitHub, filtered to exclude non-consenting and underage participants, and then aggregated into the histogram.

Fflanagancarlie@gmail.com

74% 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

74% 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

73% match