Fork of ICE-6 Scatter Plot

100%

Fork of ICE-6 Scatter Plot

✓ Published0🌍 Public

Last edited Mar 8, 2023

Created on Mar 8, 2023

This scatter plot visualizes the relationship between accommodation cost and duration in days, with points colored by species (blue, yellow, or red). The data is loaded from a GitHub Gist CSV using D3 v6’s `csv` and parsed into numeric fields. The visualization uses `scaleLinear` for both axes, `axisLeft` and `axisBottom` for ticks, and SVG `circle` elements with per-point `rx` and `ry` attributes. Axis labels are rendered as text elements, all within a full-window SVG.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of ICE-6 (airbnb)

This interactive scatter plot displays Airbnb listings based on distance to the city center and metro distance, with point color encoding species (Adelie, Gentoo, or other). Built with D3 v5, it loads CSV data and maps values to an SVG canvas using `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` for axes. Each point uses `circle` elements with a fixed radius, while custom labels, tick styling, and explicit axis titles highlight the plot. The visualization emphasizes geographic proximity patterns against guest satisfaction metrics from the Airbnb dataset.

Pprathyusha-reddy-arch

80% match

Loading thumbnail…

Fork ofICE-6 Scatter Plot

This example visualizes the Iris dataset with a scatter plot that maps realSum on the x-axis and PetalWidthCm on the y-axis, coloring each point by species (blue, yellow, or red). It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, rendering SVG circles with `rx` and `ry` attributes that redundantly encode SepalLengthCm and SepalWidthCm. Data loads from a remote Airbnb CSV GitHub gist, with axes labeled "Petal_Length" and "Sepal_Length", and the visualization fills the browser window.

Pprathyusha-reddy-arch

78% match

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa in blue, versicolor in yellow, and virginica in red). The visualization uses d3.csv to load the data and d3.scaleLinear to map the dimensions, while d3.axisLeft and d3.axisBottom render the axes. Each circle is drawn with an SVG circle element, and its radius is fixed, while the fill color is determined by a marker function. The plot is rendered using d3.v6 within an HTML page, with the chart sized to the browser window.

Vviswak12

78% match

Loading thumbnail…

Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes average rainfall against average temperature, with each point colored by year (2010-2018) using a color mapping function. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub gist, `scaleLinear` for x and y axes, and `axisLeft`/`axisBottom` to render the axes. Points are drawn as SVG circles with a fixed radius of 5, positioned via the `scaleLinear` ranges, and the chart includes labeled axes for both variables. The rendering is done through direct SVG manipulation in a React environment.

Nnavyasrimeka9@gmail.com

78% match

Loading thumbnail…

Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring points by species (blue, yellow, red). It uses D3 v6 scales, axes, and SVG circles to render the data, with the interactive HTML page loading data from a remote CSV URL. The code also includes custom axis labels and larger tick text for readability.

MMgk1255

77% match

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for the x- and y-axes while encoding species with blue, yellow, and red markers. Data is loaded via `d3.csv` from a GitHub gist, and each point’s size is additionally modulated by sepal dimensions through the `rx` and `ry` attributes. Built with React and D3 v6, the chart uses `select`, `scaleLinear`, and `extent` to position circles via an SVG `join` operation, with axes rendered by `axisLeft` and `axisBottom`.

Kkollirohit2000

77% match

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica). It uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position and label the points, with SVG circles drawn via `selectAll` and `join`. The data loads from a CSV using `d3.csv`, and the viewport fills the browser window. The code also applies an unusual `rx` and `ry` attribute to each circle, though the fixed radius of 5 overrides their visual effect.

NNikitha123171

77% match

Loading thumbnail…

Fork of ICE7 - Reusable scatter plot 1

This interactive scatter plot visualizes relationships between pairs of numerical columns from a cosmetics dataset loaded via `d3.csv`. Users select which attributes appear on the x- and y-axes using dropdown menus, and the chart redraws on change. Built with D3 v6, it uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render axes, while circles with steelblue fill represent data points. The visualization is rendered as SVG within a fixed 700×500 viewport, with margins and axis labels updated dynamically.

Ddeepthiv.4706@gmail.com

77% match