Skip to main content
SimilarExport ZIP
100%

Basic Scatter Plot

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

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.

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>

forked from <a href='http://bl.ocks.org/TaraZhu/'>TaraZhu</a>'s block: <a href='http://bl.ocks.org/TaraZhu/fcc21bb65c9045b49cf114f058ae95dd'>dicm_Apo10</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
83% match
Loading thumbnail…

Basic Scatter Plot

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.

TTaraZhu
80% match
Loading thumbnail…

Fork of Scatter Plot with Shape

This visualization is a scatter plot showing the relationship between patient age and heart rate, with data points shaped by gender. It uses D3 v7 to render symbols from the `symbolsFill` set, mapped via `scaleOrdinal`, and includes a custom legend for the shape encoding. The plot leverages `scaleLinear` for both axes and fetches healthcare data from a remote CSV. Key APIs include `d3.csvParse`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and the `d3.symbol` generator for drawing point shapes.

Aaniteshterala2000
77% match
Loading thumbnail…

Assignment2.2 - Scatter Plot

This scatter plot shows the relationship between patient age and symptom severity for mental health telehealth appointments, with each circle representing an individual patient. The chart filters the source CSV data to include only records where the specialty is `mental_health`, then plots age on the x-axis and symptom severity on the y-axis using D3 v7’s `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft` APIs. Points are rendered as green SVG circles with 60% opacity, and the visualization includes labeled axes for “Patient Age” and “Symptom Severity.”

TTony Mai
77% match
Loading thumbnail…

Activity6_Question6

This scatter plot visualizes the relationship between patient age and Na-to-K ratio, with each point colored by drug type. It loads a CSV dataset from a GitHub repository and renders an SVG using D3 v6. The code uses `d3.csv` for data loading, `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.scaleOrdinal` with `d3.schemeCategory10` for drug categories. A custom legend maps colors to drug names, and axis labels are added via appended text elements.

KKhushi Desai
75% match
Loading thumbnail…

Activity 8_Q3.A3

This scatter plot visualizes the relationship between patient age and the sodium-to-potassium ratio, with points colored by drug type to reveal potential patterns across categories. The visualization uses D3 v6 to load a CSV dataset from GitHub, applies linear scales for both axes, and renders circles on an SVG canvas. The code employs `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.schemeCategory10` for color encoding, with axis labels and a legend generated programmatically to clarify the drug categories and measurement units.

SSeema Shrestha
74% 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
74% match
Loading thumbnail…

Task3_Q3

This scatter plot visualizes the relationship between age and height for 30 individuals, with each data point color-coded and labeled by its index. The SVG-based visualization uses D3 v7 to parse CSV data, apply linear scales for both axes, and render circles that expand and display a tooltip on mouseover. A legend identifies each point, while axis labels clarify the variables plotted, and the color scale employs d3.schemeCategory10.

Ppravallikaratankanthkatragadda@my.unt.edu
74% match