Suicide Rates Data from Kaggle

100%

Suicide Rates Data from Kaggle

✓ Published0🌍 Public

Last edited Sep 25, 2019

Created on Sep 5, 2019

Forked from Loading and Parsing CSV Data

This example demonstrates a minimal text-based summary of the Suicide Rates Overview dataset from Kaggle. It displays the file size in kilobytes, row count, and column count using a large HTML `<pre>` element. The code loads CSV data via `d3.csv` from a GitHub Gist URL and formats the metrics with `Math.round` and string concatenation. It uses D3 v5.11.0 and includes commented-out alternatives using `fetch`, `async/await`, and `d3.csvParse`.

AI-generated description

A program that loads and parses some CSV data.

This is a Suicide dataset contains info:

Attributes:

country: categorical year: quantitative sex: categorical age: ordinal suicides_no: categorical population: ordinal suicides/100k pop: quantitative country-year: categorical HDI for year gdp_for_year ($): quantitative gdp_per_capita ($): quantitative generation: categorical Questions:

Which countries has the highest suicide rates? What is the difference of suicide rates between different genders, ages and countries? Does economy have some impacts on suicide rates?

Source: Suicide Rates Overview.

MIT Licensed

Similar vizzes

Loading thumbnail…

Suicide Deaths Rate Dataset Summary

This interactive web page displays a plain-text summary of the Suicide Deaths Rate dataset, including its size in kilobytes, row count, and column count. It loads the CSV data from a GitHub Gist using the `d3.csv` method, then formats the data in memory with `d3.csvFormat` to estimate its size. The resulting message is rendered inside an HTML `<pre>` element, while the full parsed data is output to the browser console via `console.log`. The page relies on D3 version 5.11 and uses no other visualization libraries.

FFelipe Mejías

86% match

Loading thumbnail…

Suicide, Firearm, Alcohol Deaths CSV Data

This example displays raw summary statistics about a CSV file containing suicide, firearm, and alcohol death data. It shows the approximate file size in kilobytes, the number of data rows, and the number of columns after loading and parsing the dataset with `d3.csv`. The page renders these three numbers as large text in a `<pre>` element. The code also includes commented-out alternatives using the Fetch API with `async`/`await` and `d3.csvParse`, demonstrating different parsing methods.

PPeter Maida

82% match

Loading thumbnail…

Suicide rates vs prevalence of depressive disorder rates

This example displays a text-based summary of a dataset comparing suicide rates and depressive disorder prevalence across countries. The visualization loads a CSV file from a GitHub repository and outputs the file size in kilobytes, the total number of data rows, and the number of columns using D3 v5’s `d3.csv` and `d3.csvFormat` methods. The rendered result is a simple preformatted text block, highlighting the dataset’s structure rather than a graphical chart. The original data originates from Our World in Data.

Mmnalk

78% match

Loading thumbnail…

Mental health disorders Dataset Summary

This example displays a plain-text summary of a mental health disorders dataset, showing the dataset’s name, size in kilobytes, row count, and column count on the page. It loads the CSV file from a GitHub gist using `d3.csv`, then formats the data with `d3.csvFormat` to compute the file size and accesses the parsed rows and columns. The resulting message is rendered into a `<pre>` element, while the full parsed dataset is also printed to the browser console. The code relies on D3 v5 for data loading and formatting.

FFelipe Mejías

75% match

Loading thumbnail…

Data Summary with URL

This example displays a text summary of a COVID-19 dataset loaded from a GitHub gist. It uses D3 v5’s `d3.csv` to fetch the file, then calculates and presents the data size in kilobytes, the total row count, and the column count within a `<pre>` element. A styled button links directly to the raw CSV file for viewing. The page also incorporates local ES6 modules and a CSS background image, demonstrating basic data loading and metadata extraction with D3.

RRavi Teja Bonam

74% match

Loading thumbnail…

Ramen Ratings Data from Kaggle

This visualization displays basic summary statistics for a Ramen Ratings dataset from Kaggle. It shows the file size in kilobytes, the total number of data rows, and the number of columns, rendered as large text on a blank page. The example loads the CSV from a GitHub gist using D3’s `d3.csv` function, which parses the remote data and then formats it with `d3.csvFormat` to compute the byte size. All three stats are concatenated into a single string and placed into an HTML `<pre>` element. The code also includes commented-out alternatives using `fetch` and `d3.csvParse`.

CChen Ding

73% match

Loading thumbnail…

CSV Data

This example displays a summary of a remote CSV file's contents: its approximate size in kilobytes, the number of data rows, and the number of columns. It fetches the data from a GitHub gist URL using the `d3.csv` API, then formats the loaded data with `d3.csvFormat` to calculate its length. The resulting statistics are rendered as large text inside an HTML `<pre>` element, which is updated via JavaScript's `textContent` property. The styling is applied through a CSS class that sets the font size.

SSam Hege

72% match

Loading thumbnail…

data_1

This example displays a text summary of a dataset loaded from a remote CSV file, showing its size in kilobytes, row count, and column count in large monospaced text. It fetches the data from a GitHub gist using `d3.csv`, then formats the data back to a string with `d3.csvFormat` to calculate its length. The resulting message is rendered into a `pre` element via standard DOM manipulation, with D3 v7 handling the asynchronous data loading.

NNikithakatta30

72% match