Bank Campaign Data

100%

Bank Campaign Data

✓ Published0🌍 Public

Last edited Sep 21, 2020

Created on Sep 9, 2020

Forked from Loading and Parsing CSV Data

This example loads a CSV file of bank campaign data and displays a minimal text summary of its contents, including file size, row count, and column count. The visualization uses D3 v5’s `d3.csv` method to fetch and parse the remote dataset, then computes the formatted size with `d3.csvFormat`. It also demonstrates an alternative approach using the Fetch API and async/await with `d3.csvParse`, though the commented-out code is not executed. The output is rendered as plain text in a large `<pre>` element.

AI-generated description

A program that loads and parses some CSV data: Bank Campaign Data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing Bank Customers Dataset

This example shows the basic structure of a bank customer dataset by displaying three summary statistics: file size in kilobytes, row count, and column count. It loads a CSV file from a GitHub gist using `d3.csv` and parses the data, then formats the metrics with `d3.csvFormat` and `Math.round`. The results are rendered as large text inside a `<pre>` element. The visualization relies on D3 v5’s promise-based loading API to handle the asynchronous data fetch.

RRaul Gamez

78% match

Loading thumbnail…

Fetch CSV DATA

This example demonstrates loading a remote CSV file with D3 and displaying basic dataset metrics—file size in kilobytes, row count, and column count—in large, styled text. The visualization relies on `d3.csv` from d3-fetch to parse the data, then uses `d3.csvFormat` to measure the formatted output length and accesses `data.length` and `data.columns` for row and column tallies. The result updates a `<pre>` element via React’s production build, though the core data fetching and parsing use D3 v4 and v7 APIs alongside native `fetch` in commented alternatives.

Mmartfhill

75% match

Loading thumbnail…

Parsing CSV Data with D3

This visualization demonstrates how to parse CSV data using D3.js by fetching a remote file and displaying summary statistics. The page shows the dataset’s row count, column count, and file size in kilobytes within a large text element. It uses D3’s `d3.csv()` function to load and parse the CSV from a GitHub gist, then formats the data with `d3.csvFormat()` to calculate its size. The example also includes commented-out code using `fetch()`, `async`/`await`, and `d3.csvParse()` as an alternative parsing approach.

TTetiana Humeniuk

75% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse a CSV file using D3 v7’s `d3.csv` method, then displays basic summary statistics about the dataset in a large `<pre>` element. The code fetches a remote CSV from a GitHub gist and reports its size in kilobytes, row count, and column count. It also includes commented‑out alternatives using the Fetch API and `d3.csvParse` for manual text handling. The page is a minimal HTML document with no other visual elements, focusing purely on the data‑loading and parsing workflow.

Gguptambergatech

75% match

Loading thumbnail…

Untitled

This example displays a concise summary of a CSV dataset loaded from a remote URL, showing the file size in kilobytes, the number of rows, and the number of columns. Using D3.js v5, it calls `d3.csv` to fetch and parse the data, then uses `d3.csvFormat` and `data.columns` to compute the statistics, displaying them in a large HTML `<pre>` element. The visualization demonstrates asynchronous data loading with promises, highlighting the simplicity of the `d3.csv` API over raw `fetch` and `await` alternatives.

Cchar0496

75% match

Loading thumbnail…

Parsing CSV Data with D3

This example demonstrates how D3 parses a remote CSV file and summarizes its contents. The page displays three statistics about the data: its approximate size in kilobytes, its row count, and its column count. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub Gist, then `d3.csvFormat()` calculates the formatted string length. The resulting message is rendered inside a `<pre>` element with large font styling. The implementation relies solely on D3 v7 and native JavaScript promises, with commented alternatives using `fetch` and `async/await`.

AAman Singh

74% match

Loading thumbnail…

Loading & parsing CSV data

This example demonstrates how D3 loads and parses external CSV data by fetching a remote file and displaying a summary of its contents. The code uses `d3.csv()` to retrieve the dataset from a GitHub gist URL, then calculates and presents the file size in kilobytes, the number of rows, and the number of columns directly on the page. The resulting message is rendered inside an HTML `<pre>` element via the `textContent` property, with `d3.csvFormat()` used to measure the data’s string length for the size calculation. The example also defines an unused `fetchText` helper with the Fetch API.

Ccharles-duron

74% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v7, displaying summary statistics including file size, row count, and column count. It uses the `d3.csv` method to fetch and parse the remote dataset, while `d3.csvParse` and `d3.csvFormat` handle conversion between parsed objects and formatted text to calculate the file size in kilobytes. The output is rendered into a large `<pre>` element, and the code also includes an alternative `fetch` and `response.text()` approach shown in comments.

Ttotallynormalpeep

74% match