Skip to main content
SimilarExport ZIP
100%

reflectivity - condurs

✓ Published0🌍 Public
Aalexis
Last edited Aug 7, 2024
Created on Aug 7, 2024

This scatterplot visualization displays seismic wave slowness data, mapping the x and y coordinates of each sample point with the p-slowness value encoded through a continuous color scale. The plot is rendered as SVG, with a gray inner rectangle framing circular points that vary in color from the turbo interpolator. Density contours are overlaid using d3.contourDensity and d3.geoPath, providing a visual summary of point concentration. A color legend with discretized value ranges is generated, drawing on d3.scaleSequential and d3.extent, while the data originates from a static array of geophysical measurements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

reflectivity - condurs

A scatterplot of seismic reflectivity data maps x/y sample positions, with each point colored by its P-wave slowness value. A 30-level density contour overlay, computed via `d3.contourDensity` and rendered as SVG paths with `d3.geoPath`, highlights clusters in the point distribution. The visualization uses `d3.scaleLinear` for axes, `d3.scaleSequential` with `interpolateReds` for color encoding, and `d3.axisBottom`/`axisLeft` for ticks. The background rectangle and circles are drawn with D3 joins.

Aalexis
93% match
Loading thumbnail…

reflectivity - colors

This visualization depicts a scatter plot of data points positioned by x and y coordinates, colored by a p_slowness value using a sequential color scale with the `d3.interpolateTurbo` interpolator. The plot includes x and y axes with labels, a color legend, and density contours computed via the `d3.contourDensity` API, rendered as stroked paths using `d3.geoPath`. It is built with the D3 library version 7.9.0, using an SVG rendering approach with a responsive resize observer.

Aalexis
86% match
Loading thumbnail…

reflectivity - condurs -2

This visualization displays the positions of data points on a scatterplot, overlaid with a density contour map that uses logarithmic color scaling to represent varying levels of point concentration. The underlying data is rendered as SVG, with axes labeled "X Axis Label" and "Y Axis Label". The code relies on d3's `scaleLinear`, `contourDensity`, `geoPath`, `scaleLog`, and `axisLeft`/`axisBottom` to generate the contours and axes, while a `ResizeObserver` ensures the visualization remains responsive to container resizing.

Aalexis
86% match
Loading thumbnail…

Fork of reflectivity - condurs - 3

This visualization displays the trajectory of points with varying phi and theta angles, mapped to x and y coordinates, with a density contour overlay that animates in progressively. The color of the contours reflects the selected slowness value (p, s, or t) chosen via a dropdown menu. The visualization uses D3.js libraries including `contourDensity`, `geoPath`, `scaleLog`, and `transition` to render the SVG paths and smoothly animate their appearance. The data comes from a precomputed `data_xy` array, and the square plotting area is bounded between -1.5 and 1.5 on both axes.

Aalexis
78% match
Loading thumbnail…

Old Faithful Contour Plot

This contour plot visualizes the density distribution of data points using a white-to-teal gradient, with darker regions indicating higher point concentrations. It reads data from a CSV file and displays it as smooth, layered density contours over a coordinate grid. The visualization uses d3.contourDensity to compute density values, d3.geoPath to render the contour shapes, and d3.scaleLinear for the color mapping. The axes are generated with d3.axisBottom and d3.axisLeft, and the data is plotted in an SVG canvas.

PPatricijaC
67% match
Loading thumbnail…

Old Faithful Contour Plot

This contour plot visualizes the Old Faithful dataset, showing the density of eruptions against waiting times as a smooth gradient of green-filled polygons. The code uses d3-contour’s `d3.contourDensity` to compute density estimates from the scatter data, and d3-scale-chromatic’s `interpolateGreens` for the sequential color scale. SVG rendering via D3 v4 draws the contours with `d3.geoPath`. An interactive mouse move adjusts the bandwidth of the density estimation from zero to forty, updating the plot in real time.

CCurran Kelleher
66% match
Loading thumbnail…

Old Faithful Contour Plot B

This visualization displays the Old Faithful geyser dataset as a smooth contour plot, with eruption time on the x-axis and waiting time on the y-axis. The code uses d3.contourDensity to compute density contours from the data, then renders them as filled SVG paths via d3.geoPath, with a sequential color scale from d3-scale-chromatic using interpolateGreens. Interactive bandwidth adjustment occurs on mousemove, altering the contour smoothing level dynamically. Axes are drawn using d3.axisBottom and d3.axisLeft, with data loaded via d3.tsv from a GitHub gist.

OOleJRask
65% match
Loading thumbnail…

Old Faithful Contour Plot

A contour plot visualizes the density of eruption data from the Old Faithful dataset, with continuous green-shaded regions representing higher concentrations of points. The visualization uses d3.contourDensity to compute density estimates and d3.geoPath for rendering the resulting contours as SVG paths. Axes and labels are drawn using d3.axisBottom and d3.axisLeft, while a sequential color scale with d3.interpolateGreens maps density values to fills. The interactive example updates the contour bandwidth dynamically as the mouse moves across the page.

PPatricijaC
65% match