Fork of final

100%

✓ Published0🌍 Public

Last edited Oct 7, 2021

Created on Oct 6, 2021

Forked from why duration not working faster

This interactive scatter plot explores global suicide rates using a dataset from a CSV file, allowing users to switch between quantitative variables for the x- and y-axes via dropdown menus. Built with D3 v6, the visualization renders as an SVG with animated transitions (`d3.transition`) that smoothly move circles and update axis scales when selections change. The code uses `d3.scaleLinear` for continuous data and `d3.scalePoint` for categorical support, with axes generated by `d3.axisLeft` and `d3.axisBottom`.

AI-generated description

Add Interaction

Shows the Suicide_Rates.csv.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of why duration not working faster

This interactive scatter plot visualizes global suicide rates from a CSV dataset, allowing users to explore relationships between quantitative variables like suicide counts, population, GDP, and year via dropdown menus. Built with D3 v6, the visualization uses SVG rendering and animated transitions to update circle positions when axes change. Each data point is a semi-transparent circle, with d3.axisLeft and d3.axisBottom rendering the axes. The code implements custom menu and scatterPlot modules, using d3.scaleLinear, d3.extent, and d3.transition to manage scales and smooth updates.

PPatrick-Houlihan

91% match

Loading thumbnail…

Fork of Final

This interactive visualization combines a world map of suicide counts with a linked time-series histogram. Circles on a natural Earth projection encode suicide numbers by area, colored by category, with tooltips revealing country-specific details. A brushable histogram below filters the map by year, updating the displayed bubbles. The visualization uses React, D3 v5 modules like `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, and `brushX`, rendering to SVG. Data comes from a CSV of suicide rates merged with city coordinates.

CConnor Rothschild

85% match

Loading thumbnail…

Fork of Fork of Suicide Rates 11/17/2021

This visualization presents global suicide rates on a natural Earth projection map, with circles sized by the number of suicides and colored by a categorical scale. A linked time-series histogram below allows brushing to filter the map by year. The map uses d3.geoPath for geographic features, while d3.scaleSqrt and d3.scaleOrdinal control circle size and color. Interactive tooltips display country details via the Tippy React library. Data comes from a CSV of suicide rates merged with city coordinates.

Mmnalk

81% match

Loading thumbnail…

World Suicides Scatter Plot with Menus

This interactive scatter plot explores global suicide rates, allowing users to select which categorical or quantitative attributes to map to the x- and y-axes via dropdown menus. The visualization uses the D3.js v6 library, employing `selection.join` for smooth enter, update, and exit transitions when attributes change. Data is loaded as CSV from a GitHub gist and rendered into an SVG, with circles animated between positions over a one-second transition. The chart also dynamically switches between `scalePoint` for categorical data and `scaleLinear` for quantitative data, updating the corresponding axes.

AAndre J Denais

81% match

Loading thumbnail…

Fork of Fork of Customizing Axes

This bar chart displays suicide counts by country, sourced from a United Nations dataset covering multiple years and demographics. The visualization highlights the top 10 most populous countries, with horizontal bars representing suicides_no values. Built with D3 v5, the code uses `scaleLinear` and `scaleBand` for positioning, `axisBottom` and `axisLeft` for customized axes, and `format('.2s')` for tick labels. SVG rendering applies custom styling to ticks, grid lines, and labels, with axis customization removing default domain lines.

Mmnalk

81% match

Loading thumbnail…

Fork of Fork of NASCAR Statistics Dashboard

This dashboard presents a global suicide statistics visualization, combining a world bubble map, a date histogram, a stacked bar chart, a scatter plot, and a color legend. The map plots suicide counts per country using `d3.geoNaturalEarth1` and `d3.geoPath`, with bubble sizes scaled by `d3.scaleSqrt`. The date histogram uses `d3.bin` and `d3.brushX` to aggregate and filter data over time. Tooltips via `Tippy.js` reveal country-specific metrics. The visualization is built with React, D3 v6, and SVG rendering.

Mmnalk

80% match

Loading thumbnail…

Fork of Fork of Fork of Suicide Rates 11/17/2021

This interactive dashboard combines a world bubble map with a time-series histogram to explore suicide rates. The map uses `d3.geoNaturalEarth1` and `geoPath` to render landmasses, with circle sizes scaled via `d3.scaleSqrt` to suicide counts, and Tippy tooltips to reveal country, GDP, and population details. A linked `d3.brushX` histogram filters the map’s data by year, while separate small multiples and a sex-based histogram supplement the view. Data is loaded from CSV files via `d3.csv` and world topology from TopoJSON.

Mmnalk

80% 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

80% match