Gist c643e25774aea39556799cc517654d46

100%

Gist c643e25774aea39556799cc517654d46

✓ Published0🌍 Public

Last edited Jan 31, 2018

Created on Jan 31, 2018

This example visualizes well log data from a Chevron oil well, showing depth-based curves for gamma ray, density porosity, neutron porosity, caliper, and deep resistivity. The code parses a JSON file containing LAS 2.0 format data and renders the measurements as multiple line charts using the Observable Plot library. The visualization displays the raw curve values against depth, with the top depth at 390 and bottom at 650 meters, sampled at 0.25-meter increments.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist a9239feb46c9a77aa7e57b052568f0a2

This example visualizes well-log data from the CWLS LAS 2.0 format, showing depth-series curves for gamma ray, density porosity, neutron porosity, caliper, and deep resistivity across a 0.25-meter increment from 390 to 650 meters. The code parses the JSON structure containing version, well information, curve metadata, and parameter blocks, then renders the measurements as a multi-track line chart. It uses D3.js for SVG-based plotting, with scales mapping depth to the y-axis and each measurement type to its own x-axis, while reading curve mnemonics and data arrays directly from the JSON object.

JJustinGOSSES

92% match

Loading thumbnail…

Gist cc6d3e2dfc8356dd8bb96b58c8c8ac7e

This example visualizes well-log data from a LAS file, displaying depth-based curves for porosity, gamma ray, caliper, and resistivity. The code uses D3.js to parse the JSON-structured LAS data, mapping each curve to a separate track with depth on the y-axis. It employs D3 scales and axes to render the line charts, with the well name and location shown as a title. The visualization highlights the raw curve values and their relative changes across the logged depth interval.

JJustinGOSSES

90% match

Loading thumbnail…

00-02-26-073-05W5-0.json well log converted from 00-02-26-073-05W5-0.las using wellio.js

This example visualizes a well log from the LAS file 00-02-26-073-05W5-0.las, converted to JSON using wellio.js. It displays depth-based curves for density porosity, neutron porosity, gamma ray, caliper, and deep resistivity, with depth on the vertical axis. The visualization uses the JSON structure to render each curve as a distinct line plot, showing how these subsurface measurements change over the logged interval from 350 to 590 meters. The data comes from the well "TRICENT ET AL MITSUE 02-26," recorded by Schlumberger in 1982, and the plot leverages the curve information block to map each measurement to its graphical representation.

JJustinGOSSES

85% match

Loading thumbnail…

A test LAS file of well log

This visualization displays a subset of well log data from a LAS file, plotting depth on the vertical axis against several measured curves, including gamma ray, caliper, neutron porosity, density porosity, and deep resistivity. The example uses the Python `lasio` library to parse the LAS file and Bokeh to render the curves as horizontally-oriented line plots. The depth series spans from 200 to roughly 375 meters at a 0.25-meter sampling interval, with a null value of -999.25 used for missing data. The plot shows the raw, unsmoothed measurements as they appear in the source file from JustinGosses' gist.

JJustinGOSSES

79% match

Loading thumbnail…

location data and top pick data of Mannville oil and gas wells in the open-dataset here: http://ags.aer.ca/publications/SPE_006.html

This map shows the locations and depth picks of Mannville oil and gas wells in Alberta, using a rasterized scatter plot rendered with d3.js and the `d3.geoPath` for projecting geographical coordinates. Each point is colored by its pick depth (from the “Pick” column) and sized or opacity-mapped by quality, revealing spatial depth trends across the formation. The code loads CSV data from the AGS public dataset, converts latitude/longitude to projected coordinates, and draws points onto a Canvas via `getImageData`, with a legend and color scale built using `d3.range`.

JJustinGOSSES

63% match

Loading thumbnail…

Gist 130517

This visualization displays a sparse, grid-based dataset from a gist by DylanFM, using a fixed-size coordinate system (values such as 1056, 64, 1152, and 4608) to plot points in a two-dimensional space. The rendering relies on D3’s `d3.forceSimulation` for positioning and likely `d3.geoPath` or a similar path generator to draw shapes, though the specific API is not explicitly shown. The data, provided as a plain text file, is read and mapped directly to screen coordinates without additional transformation, creating a minimal scatter-like plot. The example emphasizes raw data plotting with minimal abstraction, focusing on the direct conversion of numeric inputs into visual marks.

DDylanFM

63% match

Loading thumbnail…

Gist db32a113f546aa03b43c0e1f84f80d28

The visualization shows a force-directed network graph of GitHub gist data, with nodes representing individual gists and links showing relationships between them. It uses d3.forceSimulation to compute the layout, with node size encoding gist size and color indicating file type or language. The rendering relies on SVG elements updated per tick via the simulation’s tick event. The code loads a static JSON file containing preprocessed gist metadata, and does not use canvas or WebGL. The visualization highlights clustering patterns among related gists, revealing emergent communities in the dataset.

335degrees

62% match

Loading thumbnail…

Gist 43d00ddea701789295809c54be1f7183

This example shows a live-updating fluid monitoring dashboard, displaying recent sensor readings for multiple tanks. The visualization uses a JavaScript backend with Knex.js to insert incoming data into a database, and a frontend that likely renders real-time charts or gauges for parameters like dissolved oxygen (DO) from the specified location. The code demonstrates the API endpoint where a POST request with a reading value is parsed and stored, triggering an update to the visual display. It uses the Express framework alongside Knex.js for database operations, while the frontend appears to employ SVG-based graphics for the interactive data representation. The demo focuses on the integration between data ingestion and dynamic visual feedback.

JJWTappert

62% match