Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published1🌍 Public
DDouglas mochama
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Activity6_Task3

This visualization displays the relationship between sepal and petal lengths for three iris species, colored distinctly in blue, orange, and green. The D3.js code loads CSV data from a GitHub gist and renders an SVG scatter plot with labeled axes and a legend. It uses `d3.csv` for data ingestion, `d3.scaleLinear` for coordinate mapping, `d3.scaleOrdinal` for categorical colors, and `d3.axisBottom`/`d3.axisLeft` for axis generation.

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 scatter plot displays iris flower measurements, plotting sepal length against petal length, with each point colored by species using a d3.scaleOrdinal color scale. The visualization loads CSV data from a GitHub gist and renders SVG circles through D3 v7, employing d3.axisBottom and d3.axisLeft for labeled axes. A legend identifies the three species categories. The chart uses simple linear scales for positioning and demonstrates basic data binding with d3.selectAll and enter selections.

DDouglas mochama
93% match
Loading thumbnail…

Activity6_Task3

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis while coloring each point by species. Using D3 v6, it loads CSV data via `d3.csv`, applies `scaleLinear` for both axes, and renders circles with `d3.selectAll` and `.join`. Axis labels are added via `axisLeft` and `axisBottom`, with rotated text for the vertical label. Despite naming variables for sepal length and width, only petal dimensions are plotted, while species hues are hardcoded for setosa, versicolor, and virginica.

Aamarnadhkari98@gmail.com
93% match
Loading thumbnail…

activity7_task3

This scatterplot displays the relationship between sepal length and petal length for three iris species, with each species represented by a distinct color. The visualization uses D3.js v4 to render SVG circles, positioning them based on data from a remote CSV file. The code employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for categorical color mapping, and `d3.axisBottom` and `d3.axisLeft` for tick marks. A legend identifies the species by color.

AArungopal Andalam
92% match
Loading thumbnail…

Activity6_Task3

This visualization is a scatter plot of the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis. Points are colored by species (floralis, tropica, and sylvan), with a legend implied by the color scale. The plot uses the D3.js library (v7) and renders as an SVG. It loads data from a local CSV file, applies linear scales to both axes, and uses an ordinal color scale with the `schemeCategory10` palette to differentiate the three species.

Pperamranji
92% match
Loading thumbnail…

Activity6_Task3

This visualization displays the Iris dataset as a scatter plot, using petal length on the x-axis and petal width on the y-axis, with each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The code loads CSV data via `d3.csv`, maps values using `scaleLinear`, and renders the plot as an SVG with circles and axes. It also incorporates sepal length and width as custom `rx` and `ry` attributes on the circles. The chart uses D3 v6 with `axisLeft`, `axisBottom`, and `selectAll().data().join()` for data binding, sized to the full window.

Ssuchigeneralpur@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This scatter plot shows the relationship between sepal length and petal length for iris flowers, with different species distinguished by shape. It uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data values to positions and symbols. The visualization renders SVG paths for each data point, with axes generated via `axisLeft` and `axisBottom`. A legend, created through the shapeLegend module, displays the species-to-shape mapping. The data is loaded from a remote CSV file using `csvParse` and rendered within an SVG canvas sized to the browser window.

SSreeKohaliPatel@my.unt.edu
92% match
Loading thumbnail…

Activity6_Task3

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 (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses D3 v6 with `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data from a GitHub-hosted CSV and render SVG circles. Axis labels for petal length and sepal length are added with lower-case text, using a green font.

Kkowshiksamudrala08@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species, which are colored skyblue, lightgreen, and orange. It loads CSV data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles as SVG elements. The visualization includes axes generated by `d3.axisLeft` and `d3.axisBottom`, with labels for the plotted dimensions, using D3 v6.

SSreeKohaliPatel@my.unt.edu
92% match