Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Example to read rows and columns in csv file

Public visualization

Viewing a saved revision (read-only)

47946fc4a73f4502848cfa65a0331d44

Example to read rows and columns in csv file

0 stars0🌍 Public
RRohithNaiduDevareddy@my.unt.edu
Last edited Mar 7, 2024
Created on Mar 7, 2024
Forked from Circles with D3

This example demonstrates how to load and parse a CSV file using D3.js, displaying the dataset’s size, row count, and column count in a styled HTML page. The code uses `d3.csv` to fetch the external CSV data and computes the file size in kilobytes via `d3.csvFormat`, while also accessing `data.length` and `data.columns.length` to summarize the dataset structure. The page’s design incorporates custom CSS, including a background color, outlined headings, and an SVG logo of a symbolic figure, alongside a link to the Kaggle dataset. The visualization focuses on readability, presenting the parsed data metrics in a large, centered text block.

AI-generated description

Creating circles with D3.

Challenge

  • Fork this example
  • Modify it
  • Maybe make it Halloween themed
  • Maybe make it Christmas themed
  • Be creative