Skip to main content
SimilarExport ZIP
100%

The Iris Dataset

✓ Published0🌍 Public
IIoTeacher
Last edited Dec 7, 2015
Created on Jun 22, 2017

This example presents a minimal D3.js visualization that loads the classic Iris flower dataset from a CSV file (iris.csv) and displays its contents as raw, formatted JSON text on the page. Using the `d3.csv` method with a type conversion function, the code converts the numeric measurement columns to numbers before rendering the complete dataset structure with `JSON.stringify`. The simple output is intended as a starting point for testing data-loading workflows, showcasing 150 rows of sepal and petal measurements across three iris species from the UCI Machine Learning Repository.

AI-generated description

This is the "Iris" dataset. Originally published at UCI Machine Learning Repository: Iris Data Set, this small dataset from 1936 is often used for testing out machine learning algorithms and visualizations (for example, Scatter Plot). Each row of the table represents an iris flower, including its species and dimensions of its botanical parts, sepal and petal, in centimeters.

The HTML page provides the basic code required to load the data and display it on the page (as JSON) using D3.js.

Built with blockbuilder.org

<!-- Start of SimpleHitCounter Code --> <div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=1980294&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div> <!-- End of SimpleHitCounter Code -->

Similar vizzes

Loading thumbnail…

The Iris Dataset

This example visualizes the classic Iris dataset, originally from the UCI Machine Learning Repository, which contains measurements of sepal and petal dimensions for three iris species. The HTML page loads the data as CSV using D3.js and displays it as formatted JSON in the browser. The dataset, collected in 1936, is commonly used to demonstrate machine learning algorithms and data visualization techniques. The code parses the numeric fields and renders the full dataset as a JSON string for inspection. This example also points to a more modern React & D3 implementation for a stylized scatter plot.

CCurran Kelleher
90% match
Loading thumbnail…

Loading CSV Data

This example demonstrates how to load and parse CSV data with D3.js. It reads the classic Iris dataset, which contains measurements of sepal and petal dimensions for three iris species, and displays the parsed data as a JSON object on the page. The code uses `d3.csv` to fetch the file, applies a row conversion function to coerce numeric fields from strings to numbers, and then logs the result to the console while rendering it in a `<pre>` element for visual inspection.

CCurran Kelleher
88% match
Loading thumbnail…

Iris

This example visualizes the classic Iris dataset as a basic scatter plot. It loads the data from a CSV file hosted on GitHub, using D3’s `csv` method to parse the data. The page sets up an empty D3 v7 environment with a bare `body` element, and the code logs the parsed dataset to the console, demonstrating the initial step of data loading for subsequent visualization. The current implementation does not yet render any graphical marks or axes, focusing solely on fetching and inspecting the data structure.

RRikibens
85% match
Loading thumbnail…

The Iris Dataset

This example visualizes the classic Iris dataset, showing the first row of data as formatted JSON in a large monospace font on the page. It demonstrates how to load and import a CSV dataset using a custom `index.js` module, parsing numeric columns with unary plus operators. The visualization uses plain DOM manipulation via `container.innerHTML` to render the data, with a fixed font size of 51 pixels and a left margin. The data originates from the UCI Machine Learning Repository and is imported from a local `data.csv` file.

CCurran Kelleher
85% match
Loading thumbnail…

Iris Dataset

This example displays the first row of the classic Iris dataset as a formatted JSON object in a large monospace font. The code imports the CSV data, converts the numerical fields from strings to numbers, and then renders the entire first data point using a template literal. It relies on the browser's `JSON.stringify` method to produce the readable output, showcasing the data structure without any graphical chart.

SSubhendu Karmakar
85% match
Loading thumbnail…

Iris Summary

This visualization presents a plain-text summary of the classic Iris flower dataset, displaying the total row count, column count, and data size in kilobytes. It also prints the first ten rows of the data as a formatted JSON object. The program uses d3.csv to load the remote CSV file and d3.csvFormat to calculate its size. Rendered with black-and-green terminal styling, the example demonstrates a minimal, code-driven approach to data overview rather than a graphical chart.

JJMason88
84% match
Loading thumbnail…

Fork of Data transformation

This example demonstrates the loading and parsing of the Iris Dataset from a CSV file, displaying the raw tabular data as formatted JSON text. The visualization initially shows a "LOADING" state before fetching the CSV, then uses `d3.csvParse` to convert the text into an array of objects, explicitly coercing the four measurement columns to numbers. The rendering is handled by a simple D3 data join that updates a `<pre>` element with the parsed data, driven by a state management pattern where `setState` triggers re-rendering. The Iris Dataset contains 150 samples of sepal and petal measurements across three iris species.

KKhatera Alizada
83% match
Loading thumbnail…

iris

This visualization displays the classic Iris flower dataset as a scatterplot, mapping sepal length and width to the x and y axes, petal length to point size, and species to color. The rendering uses D3 v4’s SVG output. Data loading relies on `d3.csv` for parsing the CSV file, while scales are built with `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`, plus axes from `d3.axisBottom` and `d3.axisLeft`. A categorical legend, built with circle elements, identifies the three species (setosa, versicolor, virginica), and a tooltip div is appended to the body but never made visible.

GGTHamonville
83% match