Top 15 Sales in the year 2019

100%

Top 15 Sales in the year 2019

✓ Published0🌍 Public

Last edited Mar 8, 2022

Created on Mar 8, 2022

This visualization is a scatter plot of the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). The code uses D3 v6 with an SVG rendering approach, employing `d3.csv` to load the data, `d3.scaleLinear` and `d3.extent` to map values to pixel coordinates, and `d3.axisBottom` and `d3.axisLeft` to generate the axes. Each circle’s fill color is assigned via a switch statement, while the chart fills the browser window.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Top 10 car sales in the year 2104

A scatter plot visualizes the Iris dataset, mapping petal length to the x-axis and petal width to the y-axis, with each point colored by species (setosa, versicolor, and virginica). The chart uses SVG circles with elliptical radii derived from sepal dimensions, rendered via D3 v6. Axes, labels, and scales are created using `scaleLinear`, `axisLeft`, and `axisBottom`. Data is loaded asynchronously from a CSV URL using `d3.csv`.

Aabhi051197

90% match

Loading thumbnail…

Data Visualization Scatter Plot Graph

This scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers. Each point is colored by species—violet for setosa, orange for versicolor, and blue for virginica—using an SVG rendered via D3 v6. The visualization loads data from a CSV file and uses D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to construct the chart, with axis labels provided for the petal measurements. The plot is dynamically sized to the browser window.

Ssuchitra2602

82% match

Loading thumbnail…

Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset by mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The SVG rendering uses D3 v6 APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data, scale coordinates, and draw axes. Circles are created with `selectAll` and `join`. The code also references sepal measurements but visually applies them to the circle’s `rx` and `ry` attributes without visible effect. Data comes from a GitHub-hosted CSV file.

SSrilekha24

82% match

Loading thumbnail…

Iris Dataset Scatter Plot

This visualization displays the famous Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with each of the three species—setosa, versicolor, and virginica—represented by black, green, and orange circles respectively. The code loads CSV data using D3’s `csv` function, parses numeric fields, and constructs linear scales with `scaleLinear` and `extent`. It renders SVG circles with attributes bound to the data, and includes axis labels via `axisLeft` and `axisBottom`. The chart is built with D3 v6 and fills the browser window.

RRahulChaitu999

82% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and petal width along the axes while coloring each circle by species (setosa in green, versicolor in orange, and virginica in brown). The chart uses D3 v6 to load CSV data, apply linear scales, and render SVG circles and axes. Though circles are drawn with a fixed radius, the code also reads sepal dimensions, and axis labels indicate petal length and sepal length. The visualization fills the browser window with a minimal margin-based layout.

RRadhakrishna246

81% match

Loading thumbnail…

Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, virginica, or versicolor). The visualization uses D3 v6 APIs including `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values to screen coordinates, and render axes. Circles are drawn via SVG with `selectAll` and `join`, while the chart fills the browser window and includes rotated axis labels for clarity.

MManasaPatange

81% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (red, green, or blue). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale scales, and render axes. Circles are drawn using SVG selections with `join('circle')`, positioned via `cx` and `cy` attributes, and colored through a custom switch statement. The chart fills the browser window, with axis labels added as SVG text elements.

Jjayanthamol99

81% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and petal width to x and y axes while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, with circles rendered as SVG elements. Data is loaded via `d3.csv` from a GitHub gist, and radii are set to a constant value despite additional sepal measurements being parsed. Axis labels appear rotated for the y-axis, and the full window dimensions define the SVG canvas.

Ssaijahnaviappineni

81% match