Skip to main content
SimilarExport ZIP
100%

How does physical activity level vary with depression status, and does it differ between males and females?

✓ Published0🌍 Public
BBashir Gulistani
Last edited Nov 20, 2024
Created on Nov 14, 2024

This example shows how physical activity levels vary with depression status, comparing distributions between males and females using stacked horizontal bars. The chart groups individuals by depression status, with each bar segmented by gender and positioned along a continuous physical activity scale. Hovering over the legend highlights the corresponding gender segment in the plot. The visualization uses D3's `flatRollup`, `stack`, `scaleBand`, and `scaleLinear` APIs, and parses data from a CSV containing demographic and health indicators.

AI-generated description

Stacked bars showing estimated religion breakdown of the most populous 20 countries in 2010. Based on an example from the tutorial Splitting Charts. Interactions:

  • Hover over the legend to highlight religions.

Data is from The Global Religious Landscape by Pew Research, generated using this processing script.

MIT Licensed

Similar vizzes

Loading thumbnail…

Avg Depression Rate by Ethnicity and Gender

The visualization displays average depression rates among elderly patients, grouped by ethnicity and gender, using a grouped bar chart. Depression rates are shown as percentages on the y-axis for Caucasian, African American, Asian, and Other ethnic categories, with separate bars for males and females. The chart is rendered with SVG via d3.select and uses d3.scaleBand for both categorical axes, d3.scaleLinear for the percentage scale, and d3.axisLeft and d3.axisBottom for tick marks. Values are aggregated from the provided CSV data using d3.mean to compute group averages per ethnicity and gender.

BBashir Gulistani
70% match
Loading thumbnail…

Relationship of Physical Activity with Alzheimers

This grouped bar chart explores the relationship between physical activity and Alzheimer’s diagnosis, categorizing patients into four activity levels and comparing the counts of those with and without a diagnosis. The visualization reveals potential patterns, such as higher diagnosis rates among less active groups. It uses D3’s `scaleBand` for grouped positioning and `d3.axisBottom` and `d3.axisLeft` for axes, rendering as SVG from the `data.csv` source.

BBashir Gulistani
66% match
Loading thumbnail…

Number with depression by country in D3 Scatter Plot

A D3.js scatter plot visualizes the number of people with depression by country from 1990 to 2016. Each blue circle represents a single country-year observation, plotted with prevalence of depressive disorders on the x-axis and the year on the y-axis, showing the distribution of affected populations over time. The code uses D3’s `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` loader to parse data from a GitHub Gist and render SVG circles with fill opacity. The visualization aggregates all sexes and ages, sourced from Our World in Data.

Mmnalk
65% match
Loading thumbnail…

areachart

This area chart visualizes average depression levels across letter grades A through F, split by male and female students. The data comes from a CSV file loaded via `d3.csv` and is aggregated with `d3.mean` for each gender and grade combination. Rendered as SVG using `d3.area` with a monotone curve, the chart also includes tooltips on circles for precise values, axis labels, and a legend. Color encoding distinguishes genders through `d3.scaleOrdinal`, with hover interactions managed by event listeners.

Vvyjayanthimamidipalli@gmail.com
65% match
Loading thumbnail…

Prevalence of depression by age in D3 Scatter Plot

This scatter plot visualizes the prevalence of depression among people aged 20–24 for a subset of countries, with each year on the x-axis and the percentage of affected individuals on the y-axis. Ten countries are distinguished by unique colors, such as Afghanistan in red and Albania in black. The visualization uses D3 v6 with SVG rendering, employing scales like `scaleLinear` for axes and circle marks to represent data points. Data is loaded from a CSV file on GitHub Gist using `d3.csv`, with axis labels and a title added programmatically.

Mmnalk
65% match
Loading thumbnail…

Stacked Bar Chart of Depression Rates by Country

This horizontal stacked bar chart displays depression rates across countries, broken down by year from 2015 to 2019. Each bar represents a country, with colored segments corresponding to annual prevalence percentages, and hovering reveals exact values via a custom tooltip. Built with D3 v4, the visualization renders as SVG and uses `d3.stack` for the segmented bars, `d3.scaleOrdinal` for the color palette, and a CSV dataset from GitHub as the data source.

CCrossZeigler
64% match
Loading thumbnail…

Activity 6_Task 2_Question

This stacked horizontal bar chart shows the proportional distribution of participation across seven fitness class types, broken down into five intensity levels from “Very Low” to “Very High.” The bars are color-coded by intensity, with tooltips revealing exact percentages on hover. The visualization uses D3’s stack function to build the segments, scaleLinear for the x-axis, scaleBand for the y-axis, and d3.format to render percentages, all drawn as SVG elements within a simple HTML page.

Sshettisowmya01@gmail.com
64% match
Loading thumbnail…

Gender +validation seeking +activity interest

This grouped bar chart compares average validation-seeking scores between female and male respondents across five ordered levels of activity interest, from “Very Low” to “Very High.” The visualization uses d3.rollups to aggregate the CSV data by interest level and gender, then renders blue and green bars with d3.scaleBand and d3.scaleLinear. Interactive tooltips appear on mouseover, and bars animate upward from zero height upon loading. The chart relies on D3 v7, SVG, and a color scale mapping gender to distinct hues.

Ssarikakannikanti@gmail.com
64% match