Skip to main content
100%

mom - w43

✓ Published0🌍 Public
Aaaizemberg
Last edited Oct 26, 2019
Created on Oct 26, 2019

This visualization displays suicide counts by year as horizontal bars, with each year labeled on the left and the bar length proportional to the count. The bar with the maximum value is highlighted in red, while all others remain white with black strokes. The code loads CSV data from a data.world URL, converts the suicide values to numbers, and computes the global maximum. It uses d3.csv for data loading, d3.scaleLinear for the width mapping, and appends SVG text and rect elements with tooltips showing the exact count via appended title elements.

AI-generated description

Similar vizzes

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
81% 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
81% match
Loading thumbnail…

D3 Text Visualization

This visualization displays suicide count data for Albania aggregated by year using bar charts. The code loads a CSV file containing suicide statistics and filters records for the selected country. It calculates yearly totals by summing suicide numbers across different demographics. Each bar’s length is determined by multiplying the suicide count by a scale factor, with the year value shown as text alongside each bar. The visualization uses d3.csv for data loading and d3-selection with SVG elements (rect and text) for rendering the final bar chart.

Ffaiqradzali
79% 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
79% match
Loading thumbnail…

Suicide Statistics in 30 years

This visualization displays global suicide statistics over a 30-year period, using a grouped bar chart where each year’s total suicides are broken down by age category. The data comes from a CSV file loaded via `d3.csv`, and the chart is constructed using the vega-lite-api, which builds the specification programmatically. The visualization aggregates suicide counts with `vl.aggregate` and encodes year on the x-axis, suicide totals on the y-axis, and age groups as color-coded bars using the viridis scale. A custom config improves readability with adjusted font sizes and axis styling.

Mmtabaka
79% match
Loading thumbnail…

Gist 66e2cbe027159e356832

This example visualizes age-standardized suicide rates for women across multiple countries as a radial bar chart, or "aster plot." Each wedge represents a country, with the angular extent fixed by the data order and the radial length scaled by the score (suicide rate). The data is loaded from a CSV containing columns for country, order, score, weight, color, and label, with the chart’s arc segments colored magenta (#FF00BF). The inner radius is fixed, while the outer radius encodes the score value, creating a flower-like layout where longer petals indicate higher suicide rates. Hovering over a wedge triggers a tooltip displaying the full country label and its score. The visualization was built with D3 v3 and rendered as SVG.

BBenHeubl
78% match
Loading thumbnail…

Iterate my work : suicide prevention visualization (tooltip with foreignobject)

This visualization displays total suicide numbers by country using an interactive horizontal bar chart built with D3 v5 in SVG. Users click bars to select them, turning them green, and see a tooltip showing the exact suicide count for that country; clicking a second country turns the first bar dark red and reveals a sum counter box. The tooltip uses a `foreignObject` with an embedded HTML div, and mouseover/mouseout behaviors follow a tutorial pattern. Data comes from a cleaned Kaggle dataset of WHO suicide rates from 1985 to 2016, with GDP and population values.

Mmnalk
78% 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
78% match