Death by Mental and Behavioural Disorders in Canada

100%

Death by Mental and Behavioural Disorders in Canada

✓ Published0🌍 Public

Last edited Jul 13, 2021

Created on Jul 13, 2021

This visualization displays the annual number of deaths from mental and behavioural disorders in Canada from 2000 to 2019 using a bar chart. Built with D3 v6 and rendered as SVG, it employs `d3.scaleBand` for the year axis and `d3.scaleLinear` for the death counts, with interactive tooltips on hover and a clear button that removes the chart elements. The data is loaded from a CSV file, and a separate scene shows additional chart examples.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart!

This example shows a horizontal bar chart of deaths across Canadian provinces and territories, ordered from highest to lowest. The chart uses a linear scale for the x-axis and a band scale for the y-axis, with bars rendered as SVG rectangles. D3 v5 functions such as `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` load the data and generate the axes, while a custom tick formatter shortens large numbers. The visualization reads from an external CSV file and includes a title and axis label.

Rrandom-program

77% match

Loading thumbnail…

presentation bar chart

This horizontal bar chart displays deaths per country, with each bar’s length proportional to the death count. The chart uses D3 v7’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for the axes. Data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles. The computed values are multiplied by 1000, and bars are styled maroon with a 0.3 padding between bands.

RRobindj2000

74% match

Loading thumbnail…

bar viz for testing

This example visualizes death rates by year using a horizontal bar chart, with each bar’s length encoding the death count and the y-axis listing years. The chart is rendered as SVG using D3.js v5, primarily leveraging `d3.csv` to load data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom`/`axisLeft` for tick generation. Data is sourced from a CSV file, and death values are multiplied by 1,000 before plotting. Styling is applied via CSS, setting bars to steelblue and customizing axis text.

Mmomopng

74% match

Loading thumbnail…

CANADA (REGIONS) Coronavirus Deaths by Country over Time (with Voronoi Hover)

A log-scale line chart tracks cumulative COVID-19 deaths over time across Canadian provinces, sourced from the Johns Hopkins dataset. Using React with D3 v5, the visualization renders SVG paths via `d3.line` and applies a Voronoi overlay built with `d3.Delaunay` to enable hover interactions, highlighting the nearest data point and its corresponding province’s trajectory while displaying a tooltip with the death count and date.

DDiavek

73% match

Loading thumbnail…

Fork of CANADA Coronavirus Deaths by Country over Time (with Voronoi Hover)

This visualization displays cumulative COVID-19 deaths across Canadian provinces over time, using a logarithmic scale to accommodate the wide range of values. A Voronoi overlay, built with the d3-delaunay library, enables hover interactions that highlight the selected province’s line and display a tooltip with the exact date and death count. The chart is rendered as an SVG using React and D3 v5, pulling data from the Johns Hopkins Coronavirus dataset.

Mmathieu34

72% match

Loading thumbnail…

Suicide prevention bar chart

This bar chart displays the highest suicide counts per country from 1985 to 2016, using a horizontal bar layout where bar length encodes the number of suicides and country names label the y-axis. The visualization uses D3 v5 with `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG graphic. Data comes from a CSV file containing country, year, sex, age, and suicide counts, aggregated to show total suicides per country. The chart includes axis titles and a title text, with bars rendered in slateblue.

Mmnalk

72% match

Loading thumbnail…

Simple Bar Chart

This bar chart displays the number of deaths reported by countries in June 2021, filtered to values greater than 5,000 from the World Mortality Dataset. It uses D3.js v6 with SVG rendering, employing `scaleLinear` and `scaleBand` to map death counts and country names, along with `axisBottom` and `axisLeft` for the axes. The dataset is loaded via `d3.csv` from a GitHub Gist, and the chart resizes to the full browser window.

SSiddhi Patil

72% match

Loading thumbnail…

Fork of Fork of Making a Bar Chart

This bar chart displays suicide numbers across countries for specific years, with horizontal bars ordered by count magnitude. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for categorical country labels on the y-axis. Data is loaded from a CSV file using `d3.csv`, with the `suicides_no` field converted to numeric values. The chart includes axis labels and a title, while the dataset originates from the United Nations World Population Prospects 2017 estimates.

Jjerry691

72% match