Skip to main content
SimilarExport ZIP
100%

Teju Scatter Plot

✓ Published0🌍 Public
Ttejaswikalluri05
Last edited Mar 7, 2022
Created on Mar 7, 2022
Forked from D3 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each flower is rendered as a circle using SVG. The code loads the data from a CSV file via `d3.csv`, parses numeric fields, and scales the axes with `d3.scaleLinear` and `d3.extent`. It draws the marks with `selectAll` and `join`, then adds axes using `d3.axisLeft` and `d3.axisBottom`. The visualization fills the browser window and uses a minimal margin-based layout.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Dataset Scatter Plot by Tejaswi_Tummala

This example visualizes the Iris dataset as a scatter plot, mapping petal length along the x-axis and sepal length along the y-axis. Each circle represents one flower, with no color or categorical encoding. The code loads data via `d3.csv` from a remote GitHub gist, parses numeric fields, and uses `d3.scaleLinear` with `d3.extent` to set the domains. Axes are rendered using `d3.axisLeft` and `d3.axisBottom`, and the plot is drawn as SVG circles with a fixed radius within a full-window viewport.

Tttummala17
91% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis for each flower sample. The code loads the CSV data using d3.csv, parses numeric fields, and scales the values with d3.scaleLinear and d3.extent. Circles mark each data point in an SVG rendered at full viewport size. Axes are added with d3.axisLeft and d3.axisBottom, while custom text labels for "Petal Length" and "Sepal Length" are positioned using SVG transforms. The example uses D3 v6 and a margin-based layout for the plot.

LLakshmiVandanaNunna
88% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length against sepal length for three iris species, each encoded with a distinct color. The visualization is rendered as an SVG using React and D3 v6. It loads the data from a CSV file with d3.csv, parses numeric fields, and applies d3.scaleLinear for the x and y axes, with d3.axisLeft and d3.axisBottom for ticks. Circles are created with D3’s data join, and the chart fills the full window size.

TTejaswi@3271
88% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Each circle represents an iris flower, colored by species (blue for setosa, yellow for versicolor, green for virginica) using D3 v6 APIs including `csv`, `scaleLinear`, `extent`, and `axisBottom`. The SVG renders circles with a fixed radius, while sepal measurements are bound but not visually encoded. Data is loaded from a GitHub gist via CSV, with axes labeled and styled via CSS.

Ttejaswikalluri05
88% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring each point by species: red for setosa, green for versicolor, and purple for virginica. The code loads CSV data via D3’s `csv` function, parses numeric columns, and builds scales with `scaleLinear` and `extent`. Circles are rendered as SVG elements with fixed radius, while axes are generated using `axisLeft` and `axisBottom`. The visualization also encodes sepal measurements as `rx` and `ry` attributes, though these do not affect circle appearance given the constant radius. The chart fills the browser window with a pale turquoise title.

Vvagdevi-369
88% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with points colored by species (setosa, versicolor, and virginica). The plot displays 150 data points from the CSV source, loaded via `d3.csv`. The code uses D3 v6 APIs such as `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to build the SVG visualization. Axis labels indicate the measured attributes, while point positions are derived from parsed numeric fields for petal and sepal dimensions.

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

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width along the x- and y-axes while coloring each point by species. It also encodes sepal length and width into the horizontal and vertical radii of each circle, creating an elongated marker shape. The code loads data from a CSV using `d3.csv`, applies `d3.scaleLinear` and `d3.extent` for scales, and renders circles with SVG attributes `cx`, `cy`, `r`, `rx`, and `ry`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, and the visualization fills the browser window.

Vvidhyanamini
87% match