Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
Mmadalahyndavi123@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from HTML Starter

This example presents the classic Iris dataset as a static HTML starter page, loading data from an external CSV file. The visualization is minimal, displaying only a "Hello HTML!" message and logging to the console; it does not render any chart or graph. The code uses a plain HTML document with linked CSS and a JavaScript module, loading the iris dataset into the environment without any data visualization libraries or rendering logic.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example displays static text reading “Hello HTML” on a large scale, with population data logged to the browser console. The HTML page uses CSS for centered styling and inline JavaScript for a console message, while a separate script imports D3’s `select` and `csv` functions to load data.csv. The visualization does not render the dataset visually; it only demonstrates basic D3 data loading and console output within a bare HTML starter template.

Bbyiringirodalio
82% match
Loading thumbnail…

Fork of HTML Starter

This example visualizes the classic Iris dataset as a scatter plot, mapping petal length on the x-axis against sepal length on the y-axis. It uses D3 v7’s `csv` loader to fetch and parse the data, then renders circles with `scaleLinear`, `extent`, and axis helpers `axisLeft` and `axisBottom`. The plot is drawn as SVG, sized to the browser window, with fixed margins and no interactivity.

GGT-GillesTeuwen
82% match
Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal starting point for a D3 visualization, using the classic Iris flower dataset. It loads the data from a CSV file and logs it to the console, displaying a blank page with centered text. The code utilizes the D3 v7 library, specifically the `csvParse` and `select` APIs, to parse and access the data. The visualization's primary purpose is to show how to set up a basic D3 project and handle external data files.

Fferneyhoughedward@gmail.com
81% match
Loading thumbnail…

Fork of HTML Starter

This example visualizes the Iris dataset as a scatter plot, mapping sepal length to the x-axis, petal length to the y-axis, and species to point shapes. It uses the D3.js v7 library with the `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to position and render the marks. The visualization also incorporates `axisLeft` and `axisBottom` for chart axes, and a custom shape legend generated with `symbolGenerator`. Data is loaded asynchronously from a CSV file using `csvParse` and rendered into a responsive full-viewport SVG.

Ssahithya.voleti@gmail.com
81% match
Loading thumbnail…

Fork of HTML Starter

The visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis and sepal width on the y-axis for 150 samples. Each point is color-coded by species (setosa, versicolor, virginica), with tooltips revealing the exact measurements on hover. Built with D3 v7, the SVG chart uses `d3.csv` to load data, `d3.scaleLinear` for axes, `d3.scaleOrdinal` for colors, and `d3.axisBottom`/`d3.axisLeft` for ticks. A legend and animated tooltip transitions provide clear interaction.

Mmadalahyndavi123@gmail.com
80% match
Loading thumbnail…

Fork of HTML Starter

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis while coloring each point by species (setosa, versicolor, virginica). The code loads the CSV data via D3's `d3.csv`, uses `scaleLinear` for both axes, and renders SVG circles with species-specific fills. Axis labels and ticks are generated using `axisLeft` and `axisBottom`, with the chart sized to the full window. This is a React-based D3 v6 example, rendered entirely in SVG.

Ssahithya.voleti@gmail.com
80% match
Loading thumbnail…

Fork of HTML Starter

This example renders a static webpage that displays the text “Hello HTML!” prominently in the browser. The page is built with a simple HTML structure that links to a separate stylesheet, which uses CSS to style the message with a large font size. The JavaScript file contains only a console log statement, showing no interactive or data-driven visualization features. The example relies on standard web technologies—HTML, CSS, and JavaScript—rather than any specific data-processing or charting libraries.

Wwjo672@haw-hamburg.de
79% match
Loading thumbnail…

Fork of HTML Starter

This example displays a minimal HTML page that greets the viewer with "Hello HTML!" in oversized, centered text while simultaneously loading a CSV dataset. Using the `d3.csv` API, it fetches a government financial dataset and formats it with `d3.csvFormat`. The page then computes and displays the dataset's size in kilobytes, row count, and column count. Built with plain HTML, CSS, and JavaScript, it also references a React starter for comparison, but relies solely on D3.js for data handling.

TTariq Marcel
79% match