Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Mental Health Survey Pie Chart Project Momentum Color

Public visualization

Fork of Mental Health Survey Pie Chart Project Momentum Color

0 stars0🌍 Public
JJoe Rozman
Last edited Nov 9, 2024
Created on Nov 9, 2024

This interactive pie chart visualizes mental health survey data, showing how a selected metric (such as depression or academic pressure) varies across a chosen attribute like gender or academic year, filtered by university. Users adjust three dropdowns to explore different combinations. The visualization uses D3.js version 7.8.5, employing the `pie()` and `arc()` generators to create slices, `rollups()` for aggregation, and SVG elements for rendering. The code reads from the provided MentalHealthSurvey.csv file and updates the chart dynamically based on user selections.

AI-generated description

An approximation of a line chart using D3.js!

Watch the video and study the code to learn about:

  • SVG Path Elements
  • fill, stroke, stroke-width
  • stroke-linecap, stroke-linejoin
  • Vanilla HTML SVG Paths
  • D3.line
  • AI Assist

See also:

Full Playlist: Constructing Visualizations

Comments

Sign in to join the discussion.

MIT Licensed