Skip to main content
SimilarExport ZIP
100%

US school ranking top 150

✓ Published1🌍 Public
GGeniXiong
Last edited Aug 29, 2019
Created on Aug 29, 2019

This example displays basic metadata about the US school ranking top 150 dataset, showing the file size in kilobytes, row count, and column count in large text. It loads a CSV file from a GitHub gist using `d3.csv` and formats the result with `d3.csvFormat` to calculate the byte size. The page also includes commented-out alternatives using the Fetch API with `async`/`await` and `d3.csvParse`, though the active version relies on D3 v5’s promise-based CSV loading.

AI-generated description

title: US school ranking top 150

gist url: https://gist.github.com/GeniXiong/c79ef0133d780e7d788ae494cb2c3e1e

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading Postsecondary Schools CSV

This example displays basic metadata about postsecondary schools in the US, showing the file size in kilobytes, row count, and column count from a remote CSV dataset. It uses d3.csv to fetch and parse the data, then employs d3.csvFormat to measure the parsed content’s size, and writes the summary to the page. The visualization relies on D3 v5’s asynchronous promise handling via the .then method.

PPhilip Rago
77% match
Loading thumbnail…

Loading and Parsing CSV Data: College Scorecard Data

This example demonstrates loading and parsing a CSV file from the College Scorecard dataset, displaying the file size in kilobytes, the number of rows, and the number of columns as large text. It uses the D3.js library (v5) and its `d3.csv` method to fetch and parse the remote CSV data asynchronously. The code also includes commented-out alternatives using `fetch`, `async`/`await`, and `d3.csvParse`, as well as a pyramid-of-doom nested fetch approach. The data is sourced from a GitHub-hosted CSV of selected Department of Education variables.

JJCarpenter-WPI
74% match
Loading thumbnail…

Forbes Top Colleges Data Summary

This visualization displays a simple text summary of the Forbes Top Colleges 2019 dataset, reporting the file size, row count, and column count after loading a remote CSV. It uses D3 v5’s `d3.csv` method to fetch and parse the data from a GitHub gist, then formats the numbers with `d3.csvFormat` and updates a `<pre>` element. The code also includes commented-out alternatives using the Fetch API with `async`/`await` and nested promises, illustrating different asynchronous loading patterns. No charts or graphical encodings are rendered.

MMartin Blatz
72% match
Loading thumbnail…

Top 100 Songs of 2018

This example displays summary statistics for the Top 100 Songs of 2018 dataset, showing the file size in kilobytes, row count, and column count. It loads the CSV data using `d3.csv` and formats the summary with `d3.csvFormat` to measure the byte size of the data. The code also includes commented-out alternatives using `fetch` with async/await and a promise-chain "pyramid of doom" approach, demonstrating different methods for loading and parsing CSV data in D3 v5.

Ssamemurk21
72% match
Loading thumbnail…

Fork of student

This example displays a basic summary of a student performance dataset, showing the file size in kilobytes, row count, and column count. It loads a CSV file from a remote GitHub Gist using the Fetch API and parses it with `d3.csvParse`. After parsing, it calculates the approximate file size from the raw text length and extracts the row and column counts from the parsed data. The results are displayed in an HTML div, with the dataset’s dimensions logged to the browser console for debugging.

Bbharathavulapati@gmail.com
72% match
Loading thumbnail…

Loading and Parsing US birth 2000-2014 CSV Data

This example displays summary statistics about a US birth dataset from 2000 to 2014, showing the file size, row count, and column count in a large text element. The visualization uses `d3.csv` to asynchronously fetch and parse the CSV from a GitHub Gist URL, then `d3.csvFormat` to calculate the data’s byte size. It reports that the dataset contains a specific number of rows and columns, highlighting the parsed structure without plotting the data itself.

BBizmundo
72% match
Loading thumbnail…

Loading Parsing CSV Data

This example demonstrates how to load and parse a CSV file, displaying file size, row count, and column count on a webpage. It uses d3.csv to fetch a remote dataset from a GitHub gist raw URL, then formats the results with d3.csvFormat to calculate kilobytes. The page also includes commented-out code showing an alternative approach using fetch, async/await, and d3.csvParse. A large pre element displays the final statistics as text.

RRaphael Fogha
71% 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
71% match