Skip to main content
SimilarExport ZIP
100%

Gráfico de Dispersão (scatter plot)

✓ Published3🌍 Public
AAlan Santos
Last edited Jun 3, 2022
Created on Jun 3, 2022
Forked from Hello VizHub

This scatter plot visualizes the Iris flower dataset, showing the relationship between petal length and sepal width, with each point as a circle. Built with React and D3 v7, it uses `d3.scaleLinear` for both axes, `d3.extent` to set domains, and `d3.csv` to load data from a GitHub gist. SVG circles are rendered via React components, with axis labels and tick marks generated manually. The plot includes interactive elements like a tooltip title on hover, and data is formatted using `d3.format`.

AI-generated description

Programa que mostra os 10 países mais populosos atraves do grafico de barras e axes

Dados:Perpectiva da Nações Unidas da População 2019

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This interactive scatter plot displays the Iris dataset, plotting petal length against sepal width for individual flowers. The visualization is built with React and rendered as SVG elements, using D3 v7 scales (d3.scaleLinear) and axes. Each data point is a circle with a radius of 10, and hovering reveals the petal length as a native tooltip. The code uses d3.extent to set domains, d3.csv for data loading, and d3.format with a custom tick formatter that replaces 'G' with 'B' for axis labels.

Aangelathacker123
93% match
Loading thumbnail…

Iris Scatterplot

This scatterplot visualizes the Iris dataset, plotting petal length against sepal width for individual flowers, with hover tooltips revealing exact measurements. The chart uses React with D3 v7, employing `scaleLinear` for axes and `extent` for domain calculation, while SVG circles render the data points. Axis components generate ticks and labels through D3's `ticks()` method. The visualization uses `d3.csv` to fetch and parse the dataset, with marks styled using CSS classes and a Poppins font.

JJames Rhodes
92% match
Loading thumbnail…

Grafico de pontos

This scatterplot displays the Iris dataset, plotting petal length against sepal width for individual flowers. The React application loads CSV data via the `csv` function from D3 v5 and renders SVG circles using reusable axis and mark components. Linear scales map data values to pixel coordinates, with margins defining the chart’s inner dimensions. Axes are generated from scale ticks, while tooltips appear via SVG `<title>` elements. The visualization uses d3.scaleLinear, d3.extent, and d3.format for tick formatting.

RRodrigo Zanco
92% match
Loading thumbnail…

A Scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each point represents an individual flower, with a tooltip displaying the exact petal length value. The visualization uses React to render SVG elements, with d3.scaleLinear for both axes and d3.extent to set the domains. Axes are generated with custom tick components, and the chart includes labeled axis titles with rotated y-axis text. The data is loaded asynchronously from a CSV file using d3.csv.

JJonas Carvalho
92% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length against sepal length for individual flowers. The visualization uses React with D3 scales (`scaleLinear`, `extent`) to map data values to SVG coordinates, with custom axis components generating tick marks and labels. The D3 CSV loader fetches the data from a remote gist, while circles with 0.6 opacity represent each observation. The chart includes labeled axes and applies `nice()` to domain padding for cleaner tick intervals.

AAnkit5ingh
92% match
Loading thumbnail…

scatterplot

This scatterplot visualizes the Iris dataset, plotting petal length on the x-axis against sepal width on the y-axis. Built with React and D3 v7, it uses d3.scaleLinear to map data values to SVG coordinates, rendering circles with tooltips. The chart includes custom axes via d3.ticks, with axis lines and labels styled through CSS. Data is loaded asynchronously from a CSV file using d3.csv.

BBlake McCarty
92% match
Loading thumbnail…

ScatterPlot

This scatterplot visualizes the Iris dataset, plotting petal length against sepal width with each data point rendered as a circle. Built with React and D3 v7, the visualization uses SVG for rendering, with D3's linear scales to map data values to pixel coordinates. The axes are generated using custom React components (AxisBottom, AxisLeft) that leverage D3's scale ticks, while the Marks component renders circles with tooltips. The interface dynamically fills the browser window and uses the Poppins font, with all data loaded via D3's CSV parsing utility.

Mmbooch22
92% match
Loading thumbnail…

Add Cores no Gráfico de Dispersão (scatter plot)

This interactive scatter plot displays the Iris flower dataset, encoding petal length on the x-axis, sepal width on the y-axis, and species as categorical color. Built with React and D3 v7, it uses `d3.scaleLinear` for both axes and `d3.scaleOrdinal` for color encoding, rendering SVG circles with tooltips. The data is loaded via `d3.csv` from a GitHub gist, and the chart includes labeled axes and tick marks generated by custom React components.

AAlan Santos
92% match