Fork of HTML Starter

100%

Fork of HTML Starter

✓ Published0🌍 Public

SSanjayRamaSwamyAdla@my.unt.edu

Last edited Mar 2, 2026

Created on Mar 2, 2026

This example summarizes a vehicle intrusion dataset loaded from a remote CSV file. It displays file size, row count, and column count in a header card, alongside a small static SVG containing a rectangle, circle, and line. Below, a preview table shows the first eight rows using D3 v7's `d3.csv` method. The page uses HTML, CSS, and JavaScript to fetch the data and render the summary and table.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of D3 Starter

This example summarizes a vehicle intrusion dataset by displaying key statistics—file size, row count, and column count—alongside a preview table of the first eight records. The visualization uses D3.js version 7 to fetch and parse the CSV data via `d3.csvParse`, while static SVG shapes (a rectangle, circle, and line) are rendered with CSS-styled fills. The page presents these elements within a card-based layout, providing a straightforward overview of the dataset's structure and scale.

SSanjayRamaSwamyAdla@my.unt.edu

89% match

Loading thumbnail…

Fork of D3 Starter

This visualization summarizes a Vehicle Intrusion Dataset by displaying file size, row count, and column count as text statistics alongside a static SVG containing a rectangle, circle, and line. The page provides a preview of the first eight rows in an HTML table built from the parsed CSV data. The code uses D3 v7’s `csvParse` method to parse the remote CSV file and accesses the resulting data’s `length`, `columns`, and row objects to populate the dashboard, with fetch handling the network request.

SSanjayRamaSwamyAdla@my.unt.edu

89% match

Loading thumbnail…

Fork of HTML Starter

This example summarizes a CSV file fetched from a GitHub gist, displaying its file size, row and column counts, and a full table of its contents. It also renders two static SVG illustrations: a fish and a house, which are drawn using inline SVG path, circle, polygon, and rect elements. The code uses D3 v7’s `csvParse` and `fetch` API to load and parse the data, then injects the summary and table directly into the HTML via `innerHTML`. Styling is handled by external CSS.

Mmadalahyndavi123@gmail.com

88% match

Loading thumbnail…

Fork of HTML Starter

This example loads a user-supplied raw CSV file and presents a data summary alongside a preview table of the first ten rows. The D3 v7 code uses `d3.csvParse` with `d3.autoType` to parse the data, then computes column-level statistics such as minimum, maximum, mean, and unique value counts. A static SVG picture demonstrates five basic shapes—rectangle, circle, polygon, line, and text—styled via external CSS. The interface includes a text input and button for fetching new data URLs, with results rendered into the summary and table containers.

Ppriyankachary1701@gmail.com

87% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates loading a remote CSV dataset and displaying basic information about it in the browser. It uses D3 v7’s `d3.csv` to fetch and parse the data, then computes the file size in kilobytes, row count, and column count. The result is written to a `<pre>` element via the DOM API, while a separate SVG chart is embedded as an image. The page also includes static HTML and CSS for layout, with the SVG rendered from the `shape.svg` file.

Rranjithkmr598@gmail.com

87% match

Loading thumbnail…

Fork of HTML Starter

This example shows a static SVG car graphic alongside a text-based dataset summary. The visualization displays a blue car with white windows and black wheels, while the adjacent summary reports the CSV file’s size, row count, and column count. The code uses D3.js v7’s `csvParse` method and the Fetch API to load and parse the external CSV dataset. Rendering is done via inline SVG elements like `rect` and `circle`, with styling handled through CSS.

Ssriram.official9@gmail.com

87% match

Loading thumbnail…

Fork of HTML Starter

This example presents a summary of a CSV dataset loaded from a remote GitHub Gist. It displays the file size in kilobytes, the total row count, and the number of columns in a styled box on the page. The visualization uses D3 version 7's `d3.csvParse` method to parse the fetched text, then logs the same metrics to the browser console. A simple static SVG circle is included as a placeholder, while the primary output is text-based rather than a chart.

445.saiful@gmail.com

87% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates the end-to-end process of loading a remote CSV dataset and generating a data-driven SVG visualization. The page presents key statistics, a preview table of the first five rows, and a custom SVG plot where each mark represents one CSV row, with shape and color mapped to the category column and position determined by row index and value. The implementation uses D3.js v7 to fetch and parse the data with `d3.csv` and `d3.autoType`, then dynamically builds the table and SVG elements using JavaScript DOM manipulation and the SVG API.

Ssakethpapareddy@gmail.com

87% match