Suicide, Firearm, Alcohol Deaths CSV Data

100%

Suicide, Firearm, Alcohol Deaths CSV Data

✓ Published0🌍 Public

Last edited Sep 23, 2020

Created on Sep 9, 2020

Forked from Loading and Parsing 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.

AI-generated description

A program that loads and parses some CSV data: Suicide, Alcohol, Firearm Deaths.

MIT Licensed

Similar vizzes

Loading thumbnail…

Suicide Rates Data from Kaggle

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`.

CChen Ding

82% match

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

81% match

Loading thumbnail…

COVID-19 Place of Death CSV Data

This example displays basic metadata about a COVID-19 place-of-death CSV dataset, showing file size in kilobytes, row count, and column count as large text. It loads the remote CSV using d3.csv, then computes the formatted size with d3.csvFormat, while also counting rows and columns from the parsed array. The code includes commented alternatives using fetch, async/await, and d3.csvParse for the same task. The visualization is minimal, focusing on data-loading mechanics rather than graphical output, with the source data fetched from a GitHub gist.

PPeter Maida

78% match

Loading thumbnail…

Loading and Parsing CSV Data on "US Police Shootings"

This example displays summary statistics for a CSV dataset of US police shootings, showing the file size in kilobytes, row count, and column count in large text. It loads the data using `d3.csv` from d3.v5, then reports `data.length` and `data.columns.length` after parsing. The code also includes commented-out alternatives using `fetch` with `async`/`await` and `d3.csvParse`, highlighting different parsing approaches. The data comes from a gist hosted on GitHub.

Llintonylin

77% match

Loading thumbnail…

Loading Alcohol Consumption CSV Data

This example demonstrates the basics of loading and parsing a CSV dataset with D3.js. It fetches global alcohol consumption data from the World Health Organization and displays a summary of the file’s size, row count, and column count in large text. The visualization uses `d3.csv` to asynchronously load the remote dataset from a GitHub Gist, then `d3.csvFormat` and `data.length`/`data.columns` to compute the displayed metrics. The page renders the result inside a `<pre>` element with no charting or graphical elements.

PPeter VanNostrand

75% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example displays summary statistics from a remote CSV file containing COVID-19 vaccination data. The page shows the file size in kilobytes, the number of rows, and the number of columns, rendered in large text within a `<pre>` element. It uses d3.csv to fetch and parse the data from the provided URL, then formats the results with d3.csvFormat. The code also includes commented-out alternatives using the Fetch API with async/await and d3.csvParse, as well as a nested promise “pyramid of doom” pattern.

AAnna Absi

75% match

Loading thumbnail…

Fatal Police Shootings Data Summary

This D3.js example summarizes a Washington Post dataset on fatal police shootings from 2015 to 2020, showing file size, row count, and column count via a large `pre` element. It uses the `d3.csv` function to fetch and parse the CSV, then `d3.csvFormat` to measure the raw text length, displaying three key statistics. The code also includes commented alternatives using `fetch` with async/await and a nested Promise chain.

MMartin Blatz

75% match

Loading thumbnail…

parse data with d3

This example demonstrates how to parse a CSV file with D3, displaying the dataset’s size in kilobytes, row count, and column count on a styled webpage. It loads monthly death records from a GitHub-hosted CSV URL using `d3.csv()`, then formats the parsed data with `d3.csvFormat()` to calculate its byte length. The results are rendered as large text inside a `<pre>` element. The visualization uses D3 v7 within a minimal HTML page, showing the core data-loading and metadata-summarizing workflow without any charting or graphical output.

RRajaeKrib

74% match