Gist 0bd164d320049d1926cdb6310644fa40

100%

Gist 0bd164d320049d1926cdb6310644fa40

✓ Published0🌍 Public

Last edited Jul 27, 2018

Created on Jul 27, 2018

This visualization uses the classic Iris dataset to display the relationships between sepal and petal measurements for three flower species. The code loads the CSV data and renders a scatter plot that maps sepal length and width on the axes, with each point colored by species. The implementation relies on the Plotly.js library's `Scatter` and `Layout` classes to generate the interactive chart, with species values driving both the color and legend entries for the setosa, versicolor, and virginica groups.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 74232f38b06638bb7acb4205ebf3b216

This visualization, from a GitHub gist by Ferjopero, uses the classic Iris dataset to display a scatter plot of sepal length against sepal width. Points are colored by species—setosa, versicolor, and virginica—revealing distinct clusters. The chart is rendered using an interactive plotting library, allowing viewers to explore the relationships between these two measurements across the three species.

FFerjopero

91% match

Loading thumbnail…

1

This interactive scatter plot visualizes the classic Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis. Each point represents an individual flower, colored by its species (setosa, versicolor, or virginica) according to a categorical color legend. The visualization is built with D3.js, using `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and modular components for drawing axes and the color legend. The code leverages D3's selection joins for efficient SVG element updates.

CCinSiangNg

86% match

Loading thumbnail…

Scatterplot chart

This scatterplot visualizes the Iris flower dataset, plotting sepal width against sepal length, with each point colored by species (setosa, versicolor, or virginica). The chart is built with D3.js, using `d3.scale.linear` for the axes and `d3.svg.axis` for rendering tick marks and labels. Data is loaded from a CSV file via `d3.csv`, and points animate upward from the bottom of the chart using chained transitions with staggered delays. Hovering reveals a tooltip with the species and measurements via appended SVG `title` elements.

LLuisSevillano

86% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the relationship between petal length and sepal length for Iris flower species, with each point colored by species (setosa, versicolor, virginica). The code loads data from a GitHub gist CSV file using d3.csv, then applies d3.scaleLinear and extent to map the values to screen coordinates. Axes are rendered with d3.axisLeft and d3.axisBottom, while circles are drawn as SVG elements with custom color encoding. The example demonstrates D3 v6 usage, including margin conventions, width/height from window dimensions, and labeled chart annotations.

TTejaswi@3271

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

85% match

Loading thumbnail…

Iris Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis. Each of the 150 flowers appears as a colored point, with a legend distinguishing the three species (setosa, versicolor, and virginica) using a pastel ordinal color scale. Built with D3 v7, the code loads CSV data via `d3.csv`, applies linear scales with `d3.scaleLinear` for axes, and renders SVG circles, axis ticks, labels, and a custom legend.

Mmaddulanagasanjana@gmail.com

85% match

Loading thumbnail…

Iris_scatterplot_sepal

This example visualizes the classic Iris dataset, plotting sepal length against sepal width for 150 flowers. Points are encoded with different shapes and colors to distinguish the three species: setosa (circles), versicolor (red squares), and virginica (black squares). The visualization includes axis labels, a categorical color legend, and interactive tooltips that display the species on hover. Built with D3 v4 using SVG, it also demonstrates the use of ordinal color scales, square-root size scaling, and filter-based shape encoding.

DDjokovalle

85% match

Loading thumbnail…

Untitled

This interactive 3D scatter plot displays the classic Iris flower dataset, mapping sepal length, sepal width, and petal length to the x, y, and z axes. Each point represents a flower specimen, with its color indicating the species: setosa, versicolor, or virginica. The visualization is rendered using Plotly’s JavaScript library, `scatter3d` trace type, and relies on D3’s `d3.csv` method to fetch the dataset from a GitHub gist. The code explicitly sets a custom colorscale and applies colored point markers with pink outlines to distinguish the three species.

Aadapavaishnavi12

85% match