ICE-6 11640007 Scatterplot

100%

ICE-6 11640007 Scatterplot

✓ Published0🌍 Public

Last edited Mar 23, 2023

Created on Mar 22, 2023

Forked from Fork of Fork of Fork of ICE-6 Scatter Plot

This scatterplot visualizes male versus female maximum weight for dog breeds, with each point colored by species (blue for Great Dane, yellow for Border Collie, red for Schipperke, black otherwise). The code loads CSV data via `d3.csv`, maps it with `scaleLinear` and `extent`, and renders circles using `selectAll().join()`. It draws axes with `axisLeft` and `axisBottom`, sized to the window. Height values are stored as circle attributes (`rx`, `ry`) but only the radius is visually applied, leaving the scatter plot focused on weight dimensions.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of 3D Scatter Plot with Iris Dataset

This example shows a 3D scatter plot of dog breed measurements, comparing male and female maximum heights and weights. The first trace uses a cyan-colored marker with a semi-transparent fill to represent male weight, while the second uses a yellow marker for female weight. The visualization is built using the Plotly JavaScript library, with data loaded via D3’s `d3.csv` function from a GitHub-hosted CSV file. The chart is rendered inside a designated HTML div using `Plotly.newPlot`, with margins set to zero for a clean presentation.

Vvryvarma5577@gmail.com

80% match

Loading thumbnail…

Fork of ICE-7 Line Chart

This fork of the ICE-7 line chart visualizes dog breed data by plotting maximum female height over time on the x-axis against breed names on the y-axis, with a red line path connecting points and labeled axes. The chart uses D3 v5’s `csv` loader to fetch data from a GitHub gist, `scaleTime` and `scaleLinear` for scaling, and `line()` to generate the SVG path. Axes are rendered with `axisBottom` and `axisLeft` inside an SVG container, with custom tick styling and static text labels for both dimensions.

Vvryvarma5577@gmail.com

79% match

Loading thumbnail…

Fork of ICE 7-1 Reusable Scatter Plot

This fork of the ICE 7-1 reusable scatter plot visualizes different dog breeds, using the Iris Dataset structure for its CSV data. Written in D3 v6, it renders an SVG with animated, shape- and color-coded symbols that cycle through four attribute axes every ten seconds via `setInterval`. The plot uses `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` from D3, with a custom `scatterPlot` module managing dynamic updates.

Vvryvarma5577@gmail.com

78% match

Loading thumbnail…

ICE 7 Reusable D3 Scatter Plot

This interactive scatter plot visualizes the relationship between height and weight, with each point colored by gender (male, female, or no gender). Built as a reusable D3 chart component, it alternately animates the x-axis between the two variables every five seconds. The visualization uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` APIs to render axes and circles over an SVG canvas. Data is loaded from a CSV of gender, height, and weight records.

Ssaijahnaviappineni

78% match

Loading thumbnail…

Fork of ICE-6 Scatter Plot

This example presents a scatter plot of an insurance dataset, visualizing the relationship between patient height and age while encoding weight and income through non-standard circle radius properties (`rx` and `ry`), which distorts the marks into ellipses. The code colors each point by gender (red for female, green for male) and builds the SVG chart using D3 v5 APIs such as `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Data is loaded from a GitHub-hosted CSV file, with axes labeled “Charges” and “bmi” despite the actual mapped fields being age and height.

TTekmal-Bhavana

77% match

Loading thumbnail…

ICE6 : Scatter Plot

This scatter plot visualizes penguin measurements from a CSV dataset, plotting flipper length against body mass for individual penguins. Each point is colored by species—orange for Adelie, red for Gentoo, and blue for the remaining species—using D3’s `scaleLinear` and `extent` functions to map data to screen coordinates. The SVG circles are positioned with `cx` and `cy` attributes, and the axes are rendered via `axisLeft` and `axisBottom` from D3 v5. The code uses D3’s `csv` loader to fetch the data and a `join` operation to bind it to circle elements.

99176371431

77% match

Loading thumbnail…

ICE 6 Scatter Plot

This example shows a scatter plot of the Iris dataset, mapping petal length and width on the axes while coloring points by species (setosa, virginica, and versicolor) using blue, red, and black. The code loads CSV data via d3.csv, parses numeric fields, and scales values with d3.scaleLinear and extents. Rendered as SVG circles with a fixed radius, it also includes custom axis labels and tick styling. The visualization uses D3 v6 within a React-free HTML setup, with axes generated via d3.axisLeft and d3.axisBottom, and it leverages window dimensions for a responsive full-screen layout.

MMalempatiSaranya

77% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the relationship between age and BMI using an insurance dataset, with each point colored by species. The visualization uses D3 v6 with SVG rendering, loading data from a GitHub gist via `d3.csv` and parsing numeric values. Axes are generated with `axisLeft` and `axisBottom`, while `scaleLinear` maps data domains to pixel ranges. Circle marks are drawn using `selectAll` and `join`, with axis labels styled via SVG text elements in a React-friendly HTML page.

SSrujana390

77% match