Skip to main content
SimilarExport ZIP
100%

Iris Scatter Plot

✓ Published0🌍 Public
Ddrean205287
Last edited Jan 13, 2021
Created on Jan 11, 2021

This visualization displays monthly出入境 (immigration and emigration) passenger totals across 29 Taiwanese airports and harbors from 2015 onward, using a multi-line chart. Users toggle individual locations via checkboxes to add or remove their corresponding time-series lines, while a shared y-axis scales dynamically to the selected data range. The chart is built with D3 v5, using `d3.scaleTime` and `d3.line` for path generation, `d3.axisBottom` and `d3.axisLeft` for axes, and SVG rendering.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Project

This interactive dashboard visualizes Taiwanese outbound traveler flows by country and month, using animated bar charts to show passenger volumes for specific airports or seaports. Users filter by year, transport mode (airplane or ship), and individual countries across continents, with a month slider and sorting options for distance or quantity. Built with React and D3.js, the project renders SVG bar charts that update dynamically, pulling data from a CSV file containing annual and monthly travel statistics for destinations across Asia, the Americas, Europe, and Oceania. The interface also provides a slider to scrub through months and a dropdown to sort results, enabling comparative analysis of travel patterns over time.

TTimmyLu
77% match
Loading thumbnail…

Bar chart of Port

This bar chart compares the total number of passengers entering and leaving various airports and harbors in Taiwan across different years. Users can switch between years, sort the bars by name or passenger count, and optionally remove Taoyuan Airport's data. The visualization uses D3.js v5 with SVG rendering, employing d3.scaleBand and d3.scaleLinear for positioning. Data is loaded from a CSV file via d3.csv and processed with array methods.

Hhenry8966
73% match
Loading thumbnail…

Iris Scatter Plot

The visualization shows an interactive scatter plot of the Iris dataset, where users can select which measurements appear on the x- and y-axes via dropdown menus. Points are colored by species (setosa, versicolor, virginica) and animate smoothly to their new positions when the axes change. The chart uses D3 v5’s scaleLinear, axisBottom, and axisLeft to render the plot, with transitions applied to the circle elements for smooth updates.

MMing Chang
71% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, allowing users to compare any two measurements (sepal and petal length or width) by selecting them from dropdown menus. The visualization uses D3v5's `scaleLinear` and `extent` to compute axes, with a smooth 1-second transition between selections. Points are colored by Iris species (setosa, versicolor, virginica) using red, green, and blue, and the chart includes axis labels, gridlines, and a legend. The React-based code fetches data from a CSV file via `csv` and renders using SVG.

CChiuyc
69% match
Loading thumbnail…

Taiwanese Internatiobal Trade

A bar chart displays Taiwan's total trade values for various countries across years, with a horizontal timeline above it. Users hover over circles representing years from 2001 to 2019 to update the chart, triggering a smooth transition as the bars and axes animate to reflect the selected year's data. The visualization uses D3.js v4 with SVG rendering, employing scales, axes, and transition methods such as `transition().duration()` to animate changes. The code loads CSV data from a GitHub raw URL and renders in React, though the primary implementation is in plain JavaScript.

Ssgalhamdani
69% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing how flower measurements correlate by plotting each specimen as a translucent red circle. Users can dynamically select which measurement—sepal or petal length or width—appears on the X and Y axes via dropdown menus. The visualization is built with D3.js v5, using `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and SVG rendering, with a smooth 1000-millisecond transition animation (`transition().duration(1000)`) that moves circles to their new positions when axes change.

Yyixinxu2020
69% match
Loading thumbnail…

Iris Scatter Plot

This example shows an interactive scatter plot of the Iris dataset, with dropdown menus to select which flower measurements appear on the x- and y-axes. Points are colored by species and transition into place with a staggered animation. Built with D3 v5, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and a custom dropdown menu component. A legend and axis selection panel are rendered to the right of the plot.

Yyixinxu2020
69% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot explores the Iris dataset, allowing users to select any combination of sepal and petal measurements for the x and y axes via dropdown menus. The visualization renders circles for each flower specimen using React and D3.js, with axes generated by `scaleLinear`, `extent`, and custom React components. Data is loaded asynchronously from a CSV file using D3's `csv` function. Hovering over a point reveals its exact attribute value through an SVG `<title>` tooltip.

AAustin0524
69% match