Skip to main content
SimilarExport ZIP
100%

reflectivity - condurs

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

reflectivity - condurs

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.

Aalexis
93% 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
90% 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
84% 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
77% 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
66% 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
66% 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
66% match
Loading thumbnail…

Density Contours

Using d3-contour’s density estimation, this example visualizes the bivariate distribution of geyser eruptions with steel-blue contour lines overlaid on white data points. The code loads the faithful.tsv dataset, computes density contours via `d3.contourDensity` with a bandwidth of 40, and renders them as SVG paths using `d3.geoPath`. Axes are labeled “Idle (min.)” and “Erupting (min.)”, with `d3.axisBottom` and `d3.axisLeft` scaled linearly to map waiting time against eruption duration.

MMicrobie
65% match