Fork of HW1

100%

✓ Published1🌍 Public

Last edited Sep 10, 2024

Created on Sep 10, 2024

Forked from HW1

An interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal length, sepal width, petal length, and petal width across three iris species. Users select which measurement appears on each axis through Bootstrap dropdown menus. The visualization uses d3.csv to load data, d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 to color points by species, and d3.axisBottom and d3.axisLeft for tick marks, all rendered as SVG elements with a transparent circle effect.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

HW1

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements. The visualization uses D3.js (v7) to render circles colored by species (Iris-setosa, Iris-versicolor, and Iris-virginica) on an SVG canvas. Users can dynamically change the X and Y axes via Bootstrap dropdown menus, which trigger a re-render of the scatter plot. The code uses D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to handle scaling, axes, and color encoding, with CSV data loaded from `iris.csv`.

Kkezianathania021@gmail.com

92% match

Loading thumbnail…

Fork of hw1_scatter_plot

An interactive scatter plot of the Iris dataset displays three species of iris flowers, colored by class, with dropdown menus that let users choose which sepal and petal measurements to plot on each axis. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to compute scales and render gridlines, while a legend identifies the species groups. Data is loaded from a local CSV file using D3's `csv` API, and the chart redraws as selections change. The SVG canvas and CSS classes style each species with distinct colors and opacity.

Hhuangweijie0310102@gmail.com

90% match

Loading thumbnail…

HW1 : Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal and petal length and width for three species. Users select axes from dropdown menus and confirm their choices to update the visualization, which uses colored circles to distinguish Iris-setosa, Iris-versicolor, and Iris-virginica. Built with D3 v5, the code employs d3.scaleLinear, d3.extent, d3.axisBottom, and d3.axisLeft to render axes and SVG circles, with data loaded from a local CSV file.

LLSAWB

90% match

Loading thumbnail…

Fork of HW!

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements. The visualization updates dynamically when users select different axes from dropdown menus, with each point colored by iris species. The code uses D3 v5’s `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles for data points. The interface is built with React and the `react-dropdown-browser` library for menu controls.

陳陳泰元

89% match

Loading thumbnail…

HW2

An interactive scatter plot of the classic Iris dataset, colored by species, displays measurements of sepal and petal dimensions. Two dropdown menus let users choose which measurement appears on each axis, and the plot updates instantly. The code uses D3 v7’s `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with `schemeCategory10` to render SVG circles, with data loaded from a local CSV file via `d3.csv`.

Kkezianathania021@gmail.com

89% match

Loading thumbnail…

HW1-iris.csv

This interactive scatterplot visualizes the Iris dataset, displaying sepal and petal measurements for three Iris species. Users can dynamically select which measurement appears on the x-axis and y-axis via dropdown menus, with each update re-rendering the plot. The visualization uses d3.scaleLinear for axes and d3.scaleOrdinal to map species to distinct colors. Rendered as SVG using d3.select, d3.csv loads the data from a GitHub-hosted CSV file, while d3.axisBottom and d3.axisLeft generate the labeled axes with gridlines.

CChristian Magelssen

89% match

Loading thumbnail…

Fork of hw4

This visualization presents a scatterplot matrix of the Iris dataset, showing pairwise relationships among sepal length, sepal width, petal length, and petal width. The diagonal cells display histograms of each variable, with colored overlays accumulated by species. The code uses d3.csv for data loading, d3.scalePoint for positioning subplots, and d3.histogram to bin values. Points are colored by species using custom hex codes, while axis labels and ticks are rendered via d3.axisBottom and d3.axisLeft. The SVG canvas is sized to the window and centered with a flexbox container.

Hhuangweijie0310102@gmail.com

89% match

Loading thumbnail…

Fork of HW1_Iris

This example shows an interactive scatter plot of the classic Iris dataset, letting users select which of four sepal and petal measurements appear on each axis. A color legend identifies the three flower species, and hovering over a species dims all non-matching points. Built with React, the visualization uses D3 v5 scales like `scaleLinear`, `scaleOrdinal`, and `extent` to map data to positions and colors, rendering SVG circles and axes, with ReactDropdown for menu controls.

SSandyWu7179290504

89% match