sheet2

100%

✓ Published2🌍 Public

Last edited Jan 31, 2021

Created on Jan 29, 2021

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.

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

80% match

Loading thumbnail…

connected scatterplot

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.

Aaleksstan96

75% match

Loading thumbnail…

Plot

This scatter plot visualizes the relationship between X and Y values across multiple datasets. The visualization uses color coding to distinguish different datasets, with circles rendered at low opacity to reveal overlapping points. Users can click a legend item to highlight a specific dataset's points at higher opacity, and double-click to reset the view. The plot also supports zooming via the d3.zoom API. Data is loaded from CSV files and rendered as SVG circles using D3 v5 within a React framework. The axes include gridlines and formatted tick labels.

Eendlesstory

75% match

Loading thumbnail…

scatter

This example presents an animated scatterplot comparing two datasets loaded from separate JavaScript files. Green and red circles represent positive and negative y-values, transitioning between the datasets every three seconds. Built with D3 v4, the visualization uses `d3.scaleLinear` for axes and `d3.transition` to animate circle positions and radii. An SVG line marks the zero baseline, with axis updates handled by `d3.axisTop` and `d3.axisLeft`.

EEranM6

74% match

Loading thumbnail…

Set

The visualization displays a qualitative risk matrix, plotting likelihood against a five-level impact scale. Severity data points, colored by category, are positioned on the chart, with a red diagonal line indicating a risk threshold. The visualization uses D3.js v5 for SVG rendering, employing `scaleLinear` and `scaleLog` for axes, and data loaded from two CSV files. Interactive features include downloadable PDF generation via jsPDF and selectable tooltip display modes (label, coordinates, or both).

Aaleksstan96

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

73% match

Loading thumbnail…

Scatterplot with Multiple Series

This scatterplot displays two series, y1 and y2, as colored dots plotted against a shared x-axis, with each series distinguished by a different fill color from a categorical scale. The data is loaded from a CSV file using d3.csv, and the script dynamically extracts series names by filtering the CSV columns. Scales are set with d3.scale.linear, and axes are rendered via d3.svg.axis. Points are drawn as SVG circles, grouped into series containers, with coordinates mapped through the x and y scales. The visualization relies on D3 v3 and SVG rendering.

Mmbostock

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

72% match