Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Ggketan456@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example renders a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica). Data is loaded via `d3.csv` from a GitHub raw URL. Using D3 v6 with SVG, the visualization applies `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position circles with a fixed radius. Axis labels are added via SVG text elements. The code demonstrates importing D3 functions and local ES6 modules, though the main chart logic lives inline in the HTML.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This example presents a scatter plot of the Iris dataset, mapping petal length and petal width on the axes while coloring each point by species (setosa, versicolor, virginica). The visualization uses D3 v6 to load CSV data from a GitHub repository, apply linear scales via `d3.scaleLinear`, and render circles as SVG elements. Axis labels and styling are customized through D3's `axisLeft` and `axisBottom` helpers, with the plot sized to the full browser window.

LLakshmiDeepikaPagadala@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task3

This example renders a scatter plot of the Iris dataset, showing petal length against petal width with color-coded markers for each species (setosa, versicolor, and virginica). It loads CSV data via `d3.csv` and uses `d3.scaleLinear`, `d3.extent`, and axis generators `d3.axisLeft` and `d3.axisBottom` to build the SVG visualization. Circle positions are mapped from the numeric fields, with radial dimensions also set from sepal measurements, though the plot only displays fixed-radius points. The code demonstrates dynamic data parsing and SVG rendering directly in the browser.

YYeruva Snehith Reddy
95% match
Loading thumbnail…

Activity6_Task3

This example displays a scatter plot of the Iris dataset, mapping petal length and width on the axes while coloring each point by iris species. The code loads CSV data from a GitHub repository, parses numeric fields, and renders SVG circles using D3 v6 scales and axes. It implements custom color mapping for setosa, versicolor, and virginica species, with axis labels styled separately, demonstrating D3’s `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and data-join pattern.

Mmythripopuri2001@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This 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, or virginica). The visualization uses D3 v6, loaded via UNPKG, and renders as SVG with circles sized using a fixed radius while also binding raw sepal measurements as non-visual attributes. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csv`, with axes created through `axisLeft` and `axisBottom`, and scales defined by `scaleLinear` with domains from `extent`. The code uses ES6 modules for local imports and demonstrates full-window responsive scaling.

Hhemanthmaddila13@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This example displays a scatter plot of the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using light blue, light green, and orange. The visualization uses D3 v6, loading data via `d3.csv` from a GitHub Gist, and renders SVG circles with `d3.scaleLinear` for axes and `d3.axisLeft` and `d3.axisBottom` for labeled axes. The code also applies non-standard `rx` and `ry` attributes to circles, though they do not affect the round markers.

PPavanKumarRacharla@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task3

This D3.js v6 scatter plot visualizes the Iris dataset, plotting petal length against petal width while color-coding each point by species (setosa, versicolor, or virginica). The visualization loads CSV data from a GitHub repository using `d3.csv`, then renders circular marks via SVG. Scales are created with `scaleLinear` and `extent`, while axes are generated using `axisLeft` and `axisBottom`. The chart is responsive, filling the browser window, and includes custom axis labels reading from the dataset's numeric columns.

Ppadiginetivishnupriya@gmail.com
95% match
Loading thumbnail…

Activity6_task3

This visualization displays a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Data points are colored by species (setosa, versicolor, and virginica) using a predefined color scale. The example uses D3 v6 via UNPKG, loading CSV data asynchronously with `d3.csv`, and rendering circles with an SVG-based approach. Axes are generated through `d3.axisLeft` and `d3.axisBottom`, with linear scales (`d3.scaleLinear`) for positioning and `d3.extent` for domain calculation, resulting in a clean, labeled chart.

Jjahnavigummadi@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica) using D3 v6. The code loads CSV data via `d3.csv`, applies linear scales with `d3.scaleLinear`, and renders SVG circles with axes generated by `d3.axisLeft` and `d3.axisBottom`. Data parsing converts numeric fields, and the chart fills the browser window with responsive dimensions. The visualization distinguishes species through custom color mapping and includes labeled axes for petal measurements.

HHari Kiran
95% match