Skip to main content
SimilarExport ZIP
100%

U.S. Electric Utility Companies and Rates

✓ Published0🌍 Public
MMoooYang
Last edited Sep 23, 2020
Created on Sep 9, 2020

This example displays the size and shape of a CSV file containing U.S. electric utility company data. It fetches the dataset from a GitHub repository using the `d3.csv` method, then reports the file size in kilobytes, the number of rows, and the number of columns in a large text preformatted block. The visualization demonstrates a straightforward data-loading and summary operation with D3 v5.

AI-generated description

Gist: U.S. Electric Utility Companies and Rates

MIT Licensed

Similar vizzes

Loading thumbnail…

Parse electricAccountsData.csv

This example parses a CSV file containing household electric consumption data, showing the file size in kilobytes, row count, and column count. Using D3 v5, the code loads the dataset via the `d3.csv` method and formats it with `d3.csvFormat`. It also demonstrates alternative loading approaches commented out, including `fetch` with `async`/`await` and a nested promise chain. The data source is a remote GitHub Gist containing three electric accounts with attributes like total kilowatt-hours, utility charges, and net meter credits.

PPeter Cordone
74% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

KKarenNg
72% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

KKarenNg
72% match
Loading thumbnail…

Experiment View Test

This visualization displays a large dataset’s basic statistics—file size in kilobytes, row count, and column count—as plain text in a large preformatted block. It loads a CSV file containing weed pricing data and weather information from a GitHub gist using the `d3.csv` method, then formats the output with `d3.csvFormat` to calculate the size. The code demonstrates multiple approaches to fetching and parsing the data, with the primary method using D3 v5’s asynchronous promise-based `d3.csv` function.

Rrxgran
72% match
Loading thumbnail…

Fork of Loading and Parsing CSV Data

This visualization demonstrates how to load and parse CSV data using D3.js version 5. It fetches an electric accounts dataset from a GitHub-hosted CSV file and displays basic statistics about the data, including file size in kilobytes, row count, and column count. The implementation uses `d3.csv` to asynchronously retrieve and parse the data, then formats the information with `d3.csvFormat`. The result appears as large text in an HTML `<pre>` element, showing how fetched tabular data can be summarized and presented.

RRadhakrishna246
71% match
Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a loaded CSV file, showing the total row count, column count, and file size in kilobytes, followed by the first ten rows formatted as JSON. It imports `select`, `csv`, and `csvFormat` from D3 v5 to fetch `data.csv` and compute the byte length. The output renders in a monospace `<pre>` element styled with green-on-black terminal colors. The dataset describes daily high and low stock prices for several tickers, sourced from a 2018 United Nations population report.

Vveagy
71% match
Loading thumbnail…

Exchange Rate

This example displays the size of the exchange-rate dataset by showing the number of rows, columns, and file size in kilobytes. It loads a CSV file from a GitHub-hosted gist using `d3.csv`, then formats the data with `d3.csvFormat` to compute its length. The result is rendered as plain text inside a `<pre>` element. The page also includes commented-out alternatives using `fetch` and `d3.csvParse`. The visualization relies solely on D3 v5 for data loading and text presentation, without any charts or graphical encoding.

Rrohame
71% 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
71% match