Skip to main content
SimilarExport ZIP
100%

World Map

✓ Published0🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Oct 7, 2025
Created on Oct 7, 2025
Forked from D3 Scatter Plot

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

world map

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.

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
90% match
Loading thumbnail…

World Map Simple

This example displays a scatter plot of the Iris Dataset on a world map, but the map itself is not rendered—only the data points appear. It loads geographic JSON from the visionscarto-world-atlas package, parses it with `csvParse`, and scales the sepal and petal length values using `scaleLinear` and `extent`. The visualization is drawn with D3 v7, using `selectAll` and `join` to bind circles that represent each flower sample. The code fetches the atlas data asynchronously and updates the state to trigger re-rendering.

NNavak94
89% match
Loading thumbnail…

D3 Scatter Plot

This example visualizes the classic Iris dataset as a scatter plot, using petal length on the x-axis and sepal length on the y-axis. The code loads the data via `d3.csv`, maps values to screen coordinates with `d3.scaleLinear` and `d3.extent`, and renders SVG circles. Axes are drawn using `d3.axisLeft` and `d3.axisBottom`. Each point includes a `<title>` element for hover tooltips. The visualization fills the browser window and is implemented with D3 v7.

Wwspwll@gmail.com
87% 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…

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
86% match
Loading thumbnail…

D3 Scatter Plot

This example visualizes the Iris flower dataset as a scatter plot, mapping petal length to the horizontal axis and sepal length to the vertical axis. Each flower is rendered as a circle in an SVG canvas. The code loads CSV data using `d3.csv`, parses numeric fields, and applies linear scales via `d3.scaleLinear` with domains derived from `d3.extent`. Circles are joined to the data with `selectAll().data().join()`, sized with a fixed radius of 5 pixels, and positioned using the scaled coordinates.

Ttrongan765@gmail.com
86% match
Loading thumbnail…

D3 Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length to the x-axis and sepal length to the y-axis. Using D3 v6, it loads data via `d3.csv`, applies linear scales with `scaleLinear` and `extent`, and renders circles as marks. Axes are drawn with `axisBottom` and `axisLeft` in an SVG container. The plot fills the entire window and displays all 150 samples without color or categorical encoding.

CCurran Kelleher
86% match