connected scatterplot

100%

connected scatterplot

✓ Published1🌍 Public

Last edited Jan 28, 2021

Created on Jan 28, 2021

A connected scatterplot maps likelihood and score from a CSV file, with points connected by a line to show their sequential relationship. The x-axis uses a linear scale for score, while the y-axis uses a logarithmic scale for likelihood, with custom tick labels for severity levels. Circles mark each data point, and a path generated by d3.line connects them. The visualization is built with D3 v5, using scaleLinear, scaleLog, axisBottom, axisLeft, and SVG rendering.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

take2

This scatterplot displays the likelihood of risk events against their qualitative severity scores, ranging from “minor” to “disastrous.” The y-axis uses a logarithmic scale to accommodate widely varying probability values. The chart is built with D3 v5, using `scaleBand` for the categorical x-axis and `scaleLog` for the numeric y-axis, with data loaded from a CSV file and rendered as SVG circles.

Aaleksstan96

77% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between two numeric variables from a CSV dataset, plotting each point with x and y coordinates. It uses D3 version 6 with an SVG rendering approach, employing `d3.scaleLinear` to map the data domains to pixel ranges and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded asynchronously via `d3.csv`, and circles are appended and joined to the data using `.join('circle')`. The plot is styled with a teal fill and includes axis labels for "Numbers" and "Amount."

Bbugfree55

77% match

Loading thumbnail…

Scatter Plot

A scatter plot displays individual data points positioned by two numeric variables, with each point rendered as a small circle. The visualization uses D3.js v6 and is built with a simple SVG container. The code applies the `d3.scaleLinear` function to map x- and y-values to pixel coordinates, then appends `circle` elements to the chart area. Axes are generated with `d3.axisBottom` and `d3.axisLeft`. The data is loaded from an external CSV file using `d3.csv`, and the plot updates dynamically once the data is parsed.

JJames Huang

76% match

Loading thumbnail…

scatterPlot

A scatter plot displays letters from a CSV file against their corresponding numeric values as circles. The chart uses D3 v5 with an SVG rendering, loading data via `d3.csv` and scaling positions with `scaleLinear` for the x-axis and `scalePoint` for the y-axis. Axes are generated using `axisBottom` and `axisLeft`, with tick lines spanning the plot area.

VVvgupta

76% match

Loading thumbnail…

sheet2

This scatterplot overlays two datasets on logarithmic and linear scales to visualize risk likelihood and impact. The first dataset (data.csv) is rendered as red circles connected by a line, while the second (data1.csv) is displayed as colored circles with a legend. The visualization uses custom margins, axis tick labels, and a color scale to differentiate severity levels, with a log-scaled y-axis for likelihood.

Aaleksstan96

75% 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

74% match

Loading thumbnail…

scatterplot using d3

A scatterplot displays name-number pairs from a local CSV file, mapping names to the y-axis and numeric values (scaled by 1000) to the x-axis using d3.scalePoint and d3.scaleLinear. Circles are rendered via SVG with fixed radius and semi-transparent steelblue fill. The code imports d3 functions like select, csv, and axisBottom, and includes a formatted x-axis with tick size and a custom text label, demonstrating basic D3 v6 data binding and margin-based layout.

RRITUZZ

74% match

Loading thumbnail…

Coordinates Scatterplot

A scatterplot displays fixation coordinates from a CSV file, with x and y axes labeled and points rendered as steelblue circles. Each point enters sequentially through a 1-second transition with a 100-millisecond delay. A green line connects the points in data order, using a monotone curve and animating its stroke-dasharray via `transition.attrTween` to create a continuous drawing effect. The visualization uses d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft with gridlines, and d3.line for the path, all rendered in SVG.

KKkevingo

74% match