Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading and Parsing CSV Data with D3.js

Public visualization

Viewing a saved revision (read-only)

651f9359d1024840b80151b5fb32acaa

Loading and Parsing CSV Data with D3.js

0 stars1🌍 Public
SSharmilaChowdhari
Last edited Feb 26, 2022
Created on Feb 26, 2022

This example demonstrates how to load and parse a CSV dataset containing movie rankings using D3.js. It displays the dataset's file size, row count, and column count on a webpage alongside a custom SVG image created in Figma. The code uses the `d3.csv` method to fetch data from a GitHub Gist URL, then formats and presents the metadata within an HTML `<pre>` element. The visualization combines static SVG graphics with dynamic data-loaded information.

AI-generated description

The Webpage that I created displays the [data about Movies Ranking in csv file] https://gist.githubusercontent.com/SharmilaChowdhari/c6acadbcea0dfb76725575eb49537eb9/raw/1a06b233074c0b367f1295a28b27341293266243/Movies.CSV I also created a svg Image using Figma Platform And created a Page by writing Html file and it also displayes number of rows coloumns and also file size.