Fork of Fork of Making a Bar Chart

100%

Fork of Fork of Making a Bar Chart

✓ Published0🌍 Public

Last edited Sep 22, 2021

Created on Sep 22, 2021

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.

AI-generated description

This bar chart shows population of 10 most populos countris.The data comes from the year 2018 estimate in United Nations:World Population Prospects 2017.

MIT Licensed

Similar vizzes

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

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

87% match

Loading thumbnail…

Untitled

This chart displays two series of suicide counts by country as concentric circular bar charts, with the outer green bars using a radial scale from the inner radius to the plot edge and an inner red series scaled from the inner radius down to 5. The SVD is rendered as SVG in D3 v6, using `d3.scaleBand` for angular positions, `d3.scaleRadial` for radial values, and `d3.arc` to generate the bar paths with adjustable padding. Country labels rotate around the chart, flipped for readability. Data comes from a CSV file loaded via `d3.csv`.

Mmnalk

83% match

Loading thumbnail…

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

This interactive visualization combines a natural Earth projection map with a time-series bar chart to explore global suicide rates. A bubble map overlays circles scaled by suicide count on geographic coordinates, with tooltips revealing country-specific metrics like GDP per capita and population. A linked DateHistogram with brushX filtering enables temporal exploration, updating the map’s displayed data. The visualization uses D3 v5 modules including geoNaturalEarth1, geoPath, scaleSqrt, and brushX, rendered as SVG within a React framework, sourcing world atlas TopoJSON and CSV data.

Mmnalk

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

82% match

Loading thumbnail…

Suicide Number By Country with Year Menu

This interactive bar chart displays the top 15 countries by suicide number for a selected year, with a dropdown menu offering choices from 1979 to 2015 or the most recent available data. The visualization uses React to manage the year selection state, D3 v5’s `scaleBand` and `scaleLinear` for positioning, and renders SVG rectangles with tooltips showing exact values. Data comes from a CSV file of suicide rates by country, loaded via `d3.csv` and sorted in descending order before display. Users can compare rankings across years to observe trends in national suicide statistics.

CChen Ding

82% match

Loading thumbnail…

Stylized Bar Chart

This stylized bar chart visualizes suicide statistics by demographic generation, drawing from a CSV dataset of suicide rates across countries, years, and age groups. It displays the total suicide counts for the first ten generations in the dataset using horizontal bars. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, rendering SVG rectangles via the `Marks` component. Axes and labels are generated with custom `AxisBottom` and `AxisLeft` components, with bars colored in orange.

PPranayLanghe

81% match

Loading thumbnail…

Worldwide Suicide Map Multi-views

This interactive visualization combines a world bubble map and a horizontal bar chart to explore global suicide rates from 1979 to 2016. Users select a year and country via dropdown menus, which highlights the chosen country on the map while the bar chart updates to show the top 15 countries with the highest suicide numbers for that year. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for geographic projections, with circles sized via `d3.scaleSqrt`. The bar chart is rendered with React and `d3.scaleBand`, both featuring tooltips for detailed data. The visualization sources suicide data from a CSV and country boundaries from the World Atlas TopoJSON.

CChen Ding

81% match