t37674473@gmail.com

@t37674473-ux·6 public vizzes

Fork of Lifestyle_harshithadontha

This example demonstrates how D3.js can load and display tabular data from a remote CSV file. It shows a preview of the first five rows in a styled, interactive HTML table, along with a summary of the dataset's size (kilobytes, row count, and column count). The code uses `d3.csv` to fetch and parse the data from a GitHub Gist, then dynamically builds the table using the `d3.select`, `append`, and `join` APIs. The table features a sticky header, zebra striping, hover highlighting with an accent bar, and right-aligned numeric columns, all styled via CSS custom properties.

Oct 4, 2025

Loading thumbnail…

Lifestyle_harshithadontha

This example demonstrates loading and parsing a CSV file with D3 v7, displaying a preview of the first five rows in a styled HTML table. It uses `d3.csv` to fetch remote data from a GitHub gist, then computes the approximate file size, row count, and column count, which appear in a summary message. The table is built dynamically with `d3.select`, `append`, and `join` to create headers and cells, while CSS provides zebra striping, sticky headers, and hover effects. The page also includes a catch block that displays an error message if data loading fails.

Oct 4, 2025

Loading thumbnail…

ICE5-Lifestyle harshithadontha

This visualization demonstrates how to load and parse a CSV file using D3 v7, presenting a summary of the data’s size, row count, and column count alongside a formatted table previewing the first five rows. The code uses `d3.csv` to fetch data from a GitHub gist, then dynamically constructs an HTML table with `d3.select` and `.join()`. Styled with CSS zebra striping, sticky headers, and hover effects, it highlights D3’s data-binding and DOM manipulation capabilities for tabular data exploration.

Oct 4, 2025

Loading thumbnail…

Fork of ICE 5 - Lifestyle harshitha Dontha

This D3 v7 visualization presents a preview of a cricket T20 dataset, displaying the first ten rows of tabular data in a styled HTML table. The code fetches a CSV from a GitHub gist URL using `d3.csv`, then asynchronously loads and summarizes the data by calculating approximate file size in kilobytes, row count, and column count. The table is constructed dynamically using D3's selection and join API (`d3.select`, `.join`, `.text`) to generate headers and cells. Styling is applied via external CSS, featuring a sticky gradient header, zebra striping, and hover effects with an accent bar.

Oct 4, 2025

Loading thumbnail…

Fork of Fork of ICE 5 - Lifestyle Harshitha Dontha

This example displays a preview of cricket T20 match data, summarizing the loaded CSV file’s size, row count, and column count before rendering the first ten rows in a styled HTML table. Using D3.js v7, the code fetches the dataset via `d3.csv`, dynamically builds the table header and body with `selectAll` and `join`, and applies custom CSS for zebra striping, hover effects, and a sticky gradient header. The table presents the raw data as text without additional visualization.

Oct 4, 2025

Loading thumbnail…

Fork of ICE 5 - Netflix Harshitha Dontha

This D3.js (v7) visualization loads a cricket T20 dataset from a remote CSV file, displays a summary of the data size, row count, and column count, and renders the first 10 rows in a styled HTML table. Using `d3.csv` for asynchronous data fetching and D3's selection and joining APIs (`d3.select`, `append`, `data`, `join`), it dynamically builds table headers and cells. The table features sticky headers, zebra striping, hover effects with an accent bar, and numeric alignment, all styled via custom CSS within an `index.html` page.

Oct 4, 2025