Skip to main content
SimilarExport ZIP
100%

Basic Scatter Plot

✓ Published0🌍 Public
TTaraZhu
Last edited Sep 18, 2017
Created on Sep 18, 2017

A basic scatter plot displays the relationship between age and Apo10 index, with each data point colored by status from the neg.csv dataset. The visualization uses D3 v4 to create SVG circles, with linear scales for both axes and an ordinal color scale for categorical grouping. Axis ticks are styled with custom formatting, and a color legend is generated using the d3-legend library's legendColor function.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/TaraZhu/'>TaraZhu</a>'s block: <a href='http://bl.ocks.org/TaraZhu/a32dbaaec22ce3d079908e70c9433d5b'>fresh block</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Basic Scatter Plot

A basic scatter plot displays the relationship between age (x-axis) and an index value (y-axis) for individual records, with points colored by a categorical status field. The visualization uses D3.js v4 to render SVG circles, with axis ticks and gridlines styled via CSS. Data is loaded from a local CSV file, and the x and y scales are computed using `d3.scaleLinear` with `d3.extent` to determine domains. A categorical color scale (`d3.scaleOrdinal`) and legend (`d3.legendColor`) distinguish the status groups.

TTaraZhu
85% match
Loading thumbnail…

Basic Scatter Plot

This static SVG scatter plot displays the relationship between patient age (x-axis) and TKTL1 index (y-axis), with points colored by negative status via a categorical color legend. Built with D3 v4, it uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.legendColor` for the color key, rendering circles with `fill-opacity` 0.6 from a CSV dataset.

TTaraZhu
80% match
Loading thumbnail…

A6 Scatterplot

This scatterplot visualizes the relationship between age and income, with each circle colored by gender using a categorical color scale. The chart uses D3.js v7 to load CSV data from a GitHub gist, scales the x-axis starting at age 15 and the y-axis from 5000 income, and renders SVG circles with axes labeled "Age" and "Income." A d3-legend color legend titled "Gender" identifies the categories, while the styling sets black axis lines and text. The rendering approach is SVG, with scales defined via `d3.scaleLinear` and `d3.scaleOrdinal`.

SShazil Taqi
73% match
Loading thumbnail…

scatterplot

This scatter plot visualizes the relationship between Age and Fare from a CSV dataset, with points colored by Sex. The visualization alternates between two subsets of the data every five seconds, dynamically resizing the SVG to fit the browser window. Built with D3.js, it uses the scatterPlot module and responsive-axes library to generate linear scales, axis labels, and semi-transparent circles. The code loads data via d3.csv, parses numeric fields, and employs setInterval to toggle between the two plot views, demonstrating a simple animated data exploration technique.

Vvishnupriya eupuri
73% match
Loading thumbnail…

acticity 6_q3

This example displays a scatter plot of age against height, with points colored by category (A, B, or C) using a fixed dot radius. The visualization loads CSV data from a GitHub gist and renders it as SVG circles using D3 v6. It employs `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data and draw labeled axes for Age and Height.

NNagalakshmi Thota
72% match
Loading thumbnail…

Task8_Q3_PR

This scatter plot shows the relationship between age and height for 30 individuals, with each point colored by its index in the dataset. The visualization uses D3 v7 to load CSV data, create linear scales for both axes, and render SVG circles. It includes axes with labels and employs d3.scaleOrdinal with d3.schemeCategory10 for point coloring, with data drawn from a local data.csv file.

Ppravallikaratankanthkatragadda@my.unt.edu
72% match
Loading thumbnail…

Activity8Task3.1

This interactive scatter plot visualizes the relationship between age and height for a dataset with categorical color coding. Points are colored skyblue, lightgreen, or orange based on their category, with gray as the default fallback. The visualization loads CSV data from a GitHub gist using the `csv` function, then maps values to screen coordinates with `scaleLinear` and `extent`. It renders SVG circles using `selectAll` with the `join` operator, and displays labeled axes via `axisLeft` and `axisBottom`. The plot dynamically fills the browser window with margins defined for the chart area.

Ssirichandana017@gmail.com
72% match
Loading thumbnail…

Scatter Plot

A simple scatter plot displays categorical labels on the vertical axis and numeric values on the horizontal axis, with circles sized at 18 pixels. The data comes from a CSV file, and the chart uses `d3.scaleLinear` for the x-axis and `d3.scalePoint` for the y-axis, with a tick format converting large numbers to abbreviated units. Axes are rendered via `d3.axisLeft` and `d3.axisBottom`, and the visualization is built using SVG elements selected through `d3.select`. The chart includes a title and axis labels styled via CSS.

CChocoOrange
72% match