Iris Summary

100%

✓ Published0🌍 Public

Last edited Jun 4, 2019

Created on Jun 4, 2019

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.

AI-generated description

This program prints a summary of a data table.

This data is about flowers.

This data comes from UCI Machine Learning Repository: Iris Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

The Iris Dataset

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.

IIoTeacher

84% 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

83% 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

82% 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

81% match

Loading thumbnail…

Fork of Auto MPG Summary

This example displays a plain-text summary of the Iris dataset, showing the total row count, column count, file size in kilobytes, and the first ten rows formatted as JSON. The visualization uses d3.csv to load the data from `iris.csv` and d3.csvFormat to calculate the data’s size. It renders the text into `pre` elements appended to the page body, with dark styling from the linked stylesheet. The data originates from the UCI Machine Learning Repository’s Auto MPG dataset, though the code loads the Iris sample instead.

Bbrad1024

80% 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

79% match

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

79% match

Loading thumbnail…

Iris Dataset

This visualization uses a D3 v6 scatter plot to display the Iris Dataset, plotting petal length against petal width on the x- and y-axes. Each point is colored by species: yellow for Iris-setosa, black for Iris-versicolor, and green for Iris-virginica. The code loads CSV data via `d3.csv`, parses numeric fields, and renders circles with `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom`. The SVG fills the viewport, and extra attributes like `rx` and `ry` are set but do not affect the circular shape.

KKolliTeja

78% match