Skip to main content
SimilarExport ZIP
100%

act6t3

✓ Published0🌍 Public
Sshravan.s0710@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This example visualizes the Iris dataset as a scatter plot, mapping petal length against petal width on the x- and y-axes while also encoding sepal dimensions as additional point properties. It uses D3 v6 to load CSV data from a GitHub gist, apply linear scales, and render colored SVG circles distinguished by iris species. The code explicitly uses `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, with an asynchronous main function to draw the chart on an SVG canvas sized to the window.

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…

act6 t3.2

This example visualizes the Iris dataset as a scatter plot, showing sepal length against petal length for different species. The species are distinguished using different symbols via a categorical color scale and a shape legend with tick marks. The visualization is built with D3 v7, using scaleLinear, scaleOrdinal, symbol, axisLeft, and axisBottom. Data is loaded asynchronously from a CSV file using d3.csvParse and rendered into an SVG, with modular functions for axes, scatter plot, and legend composition.

Sshravan.s0710@gmail.com
93% match
Loading thumbnail…

activity-6-t-3

This example displays a scatter plot of the Iris dataset, mapping petal length and width on the axes. The visualization uses D3.js v6 to load CSV data from a GitHub URL, with circle marks colored by species (skyblue, lightgreen, orange). The code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to project and render the data. The chart includes labeled axes for petal and sepal measurements, with a red title and custom tick font sizing.

SSathishvepuri143@gmail.com
92% match
Loading thumbnail…

act 6 t3

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width for each sample. Circles are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—while additional sepal dimensions are incorporated into the markers’ rx and ry attributes. Built with D3 v6, it loads CSV data via `d3.csv`, uses `scaleLinear` for axes, and renders an SVG with `axisLeft` and `axisBottom` labels. The visualization demonstrates local ES6 module imports and dynamic data parsing within a full-screen browser viewport.

Ppavithranamburi24@gmail.com
91% match
Loading thumbnail…

activity3.1_6

This example renders a scatter plot of the Iris dataset, showing petal length against petal width, with each point colored by species (setosa, versicolor, or virginica). The data is loaded from a GitHub-hosted CSV file using D3’s `csv` function. The visualization uses `scaleLinear` and `extent` to map values to screen coordinates, and `axisLeft` and `axisBottom` to draw axes. Circles are appended and styled via D3 selections with radii fixed at five pixels, while the code also references sepal measurements as unused properties.

Aazeemrm630@gmail.com
91% match
Loading thumbnail…

activity6_task3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). The visualization encodes sepal length and width as the rx and ry attributes of each circle, creating elliptical markers whose dimensions vary with the data. Built with D3 v6, the code uses `d3.csv` to load data from a GitHub URL, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes. Data is parsed from CSV columns into numeric values before rendering as SVG circles.

Sshivasaiamaravadi@gmail.com
90% match
Loading thumbnail…

act6-tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length against petal width for individual flowers, with points colored by species (setosa, versicolor, or virginica). The example loads CSV data from a GitHub repository and uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render the SVG chart. Circle marks are drawn with the `join` pattern, while axis labels are added as text elements, demonstrating a basic data-loading and scatter-plot workflow within a full-page SVG canvas.

RRayabarapu Nikhitha
90% match
Loading thumbnail…

Fork of activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen while coloring points by species (setosa, versicolor, or virginica). The D3 v6 code loads CSV data from a GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the SVG visualization. The plot also encodes sepal dimensions in each point's radius (`rx`/`ry` attributes), though these are not scaled to the axes. The visualization renders circles with custom colors and labeled axes in an HTML page.

Sshreshikaveerannagari@gmail.com
90% match
Loading thumbnail…

Activity6_task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower specimen. The D3 v6 code loads CSV data from a GitHub gist and uses scaleLinear, axisLeft, and axisBottom to construct the chart. Circles are colored by species—setosa, versicolor, and virginica—using a custom marker function, with radius fixed at five pixels. The SVG rendering includes rotated axis labels for petal length and sepal length, though the sepal label is mislabeled in the code.

Ssravani1969@gmail.com
90% match