Skip to main content
SimilarExport ZIP
100%

Cities population dataset for ICE-5 assignment

✓ Published0🌍 Public
BBHUMIKA CHUNDU
Last edited Oct 5, 2025
Created on Oct 5, 2025

This example loads and parses a CSV dataset of Nepal Himalayan Peaks using d3.text and d3.csvParse, then displays the file size, row count, and column count in a message panel. The page also showcases a custom SVG illustration of a tree with layered green ellipses and a brown trunk, rendered as static markup. The interface is styled with CSS variables and uses D3 v7 to fetch data from a GitHub Gist URL, with error handling for CORS or loading failures.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-5: Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data using D3.js (v7). The page displays a summary message showing the dataset's size in kilobytes, row count, and column count, which is fetched from a GitHub gist. The code uses `d3.csv` to fetch and parse the data, `d3.csvFormat` to calculate its size, and DOM manipulation via `document.getElementById` to update the message container. An embedded SVG illustration of a city scene accompanies the textual output.

Vvegurusaiprathyusha
78% match
Loading thumbnail…

ICE-5: Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data with D3.js, displaying the dataset's size, row count, and column count on an HTML page. The visualization pairs a static SVG city illustration with a styled message area that updates dynamically. The code uses `d3.csv` to fetch the remote CSV file, `d3.csvFormat` to calculate the data size in kilobytes, and JavaScript to populate the message container. The page also incorporates CSS for typography and layout, with D3 v7 loaded via a CDN.

SSumanya4
78% match
Loading thumbnail…

ICE5

This example demonstrates loading and parsing a remote CSV dataset using D3 v7. The page displays a summary of the loaded data, including its size in kilobytes and the number of rows and columns, within a styled HTML page. It uses the `d3.csv` and `d3.csvFormat` APIs to fetch and process the data from a GitHub gist. The visualization also includes an embedded static SVG city illustration.

AAmar09nath
76% match
Loading thumbnail…

ICE5_Amar

This example demonstrates how to load and parse a CSV dataset with D3.js, displaying a summary of the data's size, row count, and column count in a large HTML `<pre>` element. The page also renders a static SVG illustration of a city scene, which is embedded directly via an `<img>` tag. The code uses the `d3.csv()` function to fetch data from a remote GitHub Gist URL and then updates the message container using JavaScript DOM manipulation. The visualization pairs a simple text-based data overview with a decorative SVG graphic, showcasing basic D3 data loading within a styled HTML page.

AAmar09nath
76% match
Loading thumbnail…

ICE-5 pchaturyaakhila

This example demonstrates loading and parsing CSV data with D3.js, displaying a summary of the dataset’s size in kilobytes, row count, and column count. The page also shows a hand-drawn-style SVG illustration of a character and stars. It uses d3.csv to fetch a remote gist, d3.csvFormat to calculate data size, and updates the DOM via textContent. The interface is styled with a green background and centered text.

CChaturyaAkhilaPallem@my.unt.edu
76% match
Loading thumbnail…

ICE-5

This example displays a large dataset, logging the file size, row count, and column count of ICE-5 data loaded from a CSV file via `d3.csvParse`. The page uses D3 version 7.3.0 and jQuery-CSV to fetch and parse the data, with the body set to a large 6em font size. The code currently only outputs console messages, showing the data’s scale in kilobytes, rows, and columns, while the `index.js` sets the text to “hello.” The visualization itself is not yet implemented, focusing instead on data loading and verification.

AAishwarya Manjunath
76% match
Loading thumbnail…

ICE5NitheeshSama

A page displays the metadata of a US cities dataset from a linked CSV file, showing its size in kilobytes, row count, and column count in a text element. A custom background SVG image is applied via CSS. The code loads the remote CSV with `d3.csv` and uses `d3.csvFormat` and `d3.csvFormat`’s length to compute the data size, rendering the summary into an HTML `<pre>` block using the Document Object Model.

NNitheeshSama1
76% match
Loading thumbnail…

Fork of ICE-5: Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data using D3.js, displaying the dataset’s size in kilobytes, row count, and column count on a web page. The visualization includes a static SVG illustration of a city skyline alongside the text output. The code uses the `d3.csv` method to fetch data from a GitHub gist and `d3.csvFormat` to calculate its byte length. The page is built with plain HTML, CSS, and vanilla JavaScript, relying on D3 v7 for data handling.

MManideepChakilam
75% match