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.
AI-generated descriptionA vanilla HTML implementation of number with depression by country in D3 Scatter Plot
Number with depression by country in D3 Scatter Plot
The X-axis represents the prevalence of depressive disorders, and the y-axis represents the year from 1990 to 2016 for each country.
This ia a question one can get from the data viz:
how many people in each year have depression?
Original data set source: Original blog : Some informative youtube videos about depression 1 : Some informative youtube videos about depression 2 :
This dataset contain :
1)prevalence_by_mental_and_substa
2)depression_by_level_of_educatio
3)prevalence_of_depression_by_age
4)prevalence_of_depression_males
5)suicide_rates_vs_prevalence_of
6)number_with_depression_by_country *
This file is number with depression by country , and it's contain the following :
1)entity is categorical attributes 2)code is categorical attributes 3)year is categorical attributes 4)Prevalence of depressive disorders (Sex: Both - Age: All Ages (Number) (people suffering from depression)) is quantitative attributes
I'm intrestin in categorical attributes .I remove the rows with missing value. Here is my data set in gist number-with-depression-by-country
=========================
- X-axis: Prevalence of depressive disorders (Sex: Both - Age: All Ages (Number)
- Y-axis: Year
- Color: Blue color shows depressive disorders for all sex and ages and for all countries.