world map

100%

✓ Published0🌍 Public

Last edited Oct 7, 2025

Created on Oct 7, 2025

This visualization displays Fisher's Iris dataset as an interactive scatter plot, mapping petal length on the x-axis against sepal length on the y-axis. Each flower is rendered as a small circle, with axes and tick labels generated via `d3.axisLeft` and `d3.axisBottom`. The plot fills the browser window, using `d3.scaleLinear` for scaling, `d3.extent` to compute data domains, and `d3.csv` to load the data from a gist. The SVG canvas resizes to the full viewport, and circles are positioned using `d3.select` and the `.join` API.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

World Map

This example visualizes the Iris dataset as a scatter plot of petal length against sepal length. It uses d3.csv to load the data and d3.scaleLinear with d3.extent to map values to screen coordinates. Circles are rendered in SVG, and d3.axisLeft and d3.axisBottom generate the scales. The plot fills the entire browser window, with data points drawn at a fixed radius of 5 pixels.

BBismark Kofi Owusu Sarfo

91% match

Loading thumbnail…

World map

This visualization displays the classic Iris flower dataset as a scatterplot, mapping sepal length on the x-axis against sepal width on the y-axis. Each black circle represents a single flower sample, with the plot rendered within a framed chart area using margins. Built with React and D3 v7, the code uses `d3.scaleLinear` for both axes, `d3.extent` to compute the domain from the CSV data, and `d3.axisBottom`/`d3.axisLeft` for ticks. Axis labels are added with custom text elements, and the visualization updates dynamically as the data loads.

BBismark Kofi Owusu Sarfo

89% match

Loading thumbnail…

flower

This visualization displays Fisher’s Iris dataset as a scatter plot, plotting petal length against petal width, with each species represented by a distinct color. The chart titles itself as a comparison of sepal dimensions. Built using D3 v7, the code loads data via `d3.csv`, creates scales with `scaleLinear` and `scaleOrdinal`, and renders axes with `axisBottom` and `axisLeft`. Points are styled with configurable radius, opacity, and stroke, and hovering over the legend fades non-matching species using a `setHoveredColorValue` callback.

Aadithiarikatla@gmail.com

88% match

Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length to the x-axis and sepal length to the y-axis. Each flower is rendered as a circle using D3 v7’s `select`, `scaleLinear`, `csv`, and `extent` functions, with axes drawn via `axisLeft` and `axisBottom`. The SVG output fills the browser window, with data loaded from a remote CSV file and parsed into numeric fields before plotting.

Ddwikbtn

86% match

Loading thumbnail…

D3 scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis. Each flower is rendered as an SVG circle using D3 v7, with positions scaled linearly via `d3.scaleLinear` and extents computed from the data. The axes are drawn using `d3.axisLeft` and `d3.axisBottom`, and the visualization fills the browser window. Data is loaded asynchronously with `d3.csv` from a remote GitHub gist, and circles are joined to the SVG using `selection.join`.

Yyankesswang

85% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris flower dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each circle represents a single flower sample, with axes and labeled ticks generated using d3.axisBottom and d3.axisLeft. The code loads CSV data via d3.csv, scales positions with d3.scaleLinear and d3.extent, and renders the chart as SVG elements. Axis labels are manually added as SVG text, with the visualization filling the entire browser viewport.

Sson.sultan@yahoo.com

85% match

Loading thumbnail…

Scatter Plot

A scatter plot displays Fisher's Iris dataset, mapping sepal length and width as x and y coordinates while encoding petal width through circle radius and species through color. The visualization uses the D3 v6 API with d3.scaleLinear for positional and radial scales, d3.scaleOrdinal for categorical coloring, and d3.axisLeft/axisBottom for axes. Circles animate to their target radii over two seconds via selection.transition(). The reusable chart pattern is implemented through a scatterPlot factory function with configurable accessors and margin, rendering to SVG with data loaded from a CSV URL.

AAnupJoseph

85% match

Loading thumbnail…

2

This interactive scatter plot visualizes Fisher's Iris dataset, allowing users to explore relationships between sepal and petal measurements across three iris species. Colored circles represent individual flowers, distinguished by species category. The visualization includes dropdown menus positioned along the axes for selecting which measurement is displayed on each axis. Built with D3.v7, the code utilizes `scaleLinear` for axis scaling, `scaleOrdinal` with `schemeCategory10` for color encoding, and custom D3 join operations to render axes, legend, and plot marks.

CCinSiangNg

85% match