SciFri Communication Modes Survey Results, Averages

Fflanagancarlie@gmail.com

Social Media Survey Demographics Histogram

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.

69% match

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.

66% match

Fork of question 3(Task 2)

This stacked bar chart visualizes the proportion of smartphone app usage across six age groups, from 18-24 to 65+, with each bar segment representing a category such as Social Media, Games, or Productivity. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked series from the `phones.csv` data and renders them as SVG rectangles. A linear `d3.scaleLinear` maps the usage proportions (0–1) on the x-axis, while a band scale positions the age groups vertically. Color encoding via `d3.scaleOrdinal` distinguishes the app categories, and an interactive legend lists each type alongside its corresponding color.

Fork of question 3(Task 2)

Fork of question 3(Task 2)

Stacked Bar Chart

This stacked bar chart visualizes the frequency of game-playing habits across different age groups, with each bar segment representing a specific frequency category. The data is loaded from a CSV file using d3-dsv, then processed with d3-array to compute totals and sorted in descending order. The chart uses d3-scale for positioning and color encoding, d3-shape to compute stacked positions, and d3-axis for the axes, with y-axis labels formatted using SI prefixes via d3-format. The visualization is rendered as SVG, displaying the full distribution of responses across all age cohorts.

JJdlv00

Fork of Fork of question 3(Task 2)

This visualization shows the proportion of smartphone app usage across six age groups, with each horizontal bar segmented into five categories: Social Media, Games, Productivity, Streaming, and Others. A stacked bar chart uses a diverging color palette to distinguish app types, and a legend identifies each category. The chart is rendered as SVG using D3 v7, employing `d3.stack()` for data transformation, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. Data is loaded from a local CSV file (`phones.csv`).

64% match