Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Loading and Parsing CSV Data with D3.js

Public visualization

Fork of Fork of Loading and Parsing CSV Data with D3.js

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

This example displays movie ranking data loaded from a CSV file, showing the file size, row count, and column count on a styled HTML page. The visualization includes a custom SVG image created in Figma, rendered alongside the data summary. The page uses D3.js version 7 to fetch and parse the CSV via the `d3.csv` method, then computes the output with `d3.csvFormat` to determine file size. Styling is handled with a separate CSS file, and the SVG is embedded as an external image.

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.

Comments

Sign in to join the discussion.

MIT Licensed