Crude Oil Developmental Wells - Area Chart

100%

Crude Oil Developmental Wells - Area Chart

✓ Published0🌍 Public

Last edited Jan 20, 2022

Created on Nov 10, 2020

This area chart displays the number of crude oil experimental wells drilled annually in the U.S. from 1949 to 2010, using data from the U.S. Energy Information Administration. It shows a dramatic spike in drilling during the early 1980s followed by a decline and subsequent fluctuations. Built with D3.js v5, the visualization uses `scaleTime`, `scaleLinear`, and `area` with `curveBasis` to render a smooth SVG path, with axes drawn using `axisLeft` and `axisBottom`.

AI-generated description

This area chart shows the number of crude oil experimental wells drilled in the U.S by year. The data comes from U.S. Energy Information Administration

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This chart visualizes UK onshore oil exploration data from 2000 to 2020, plotting the number of exploration wellbores per year as a red spline curve over a blue-gridded Cartesian coordinate system. The visualization uses the D3 v6 library for data binding, scaling via `scaleLinear`, and rendering an SVG line path. The data is loaded from a local CSV file, with missing values (dashes) parsed as `NaN`. The chart includes labeled axes, a graph title, and uses the `Roboto Mono` and `Xanh Mono` fonts for styling.

Bbicyclecode

68% match

Loading thumbnail…

Range Column Bar Chart

This range column bar chart displays the downtime periods of nine oil wells, plotting each well's start and end dates as a horizontal bar against a time axis. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the date range and `scaleBand` for well names. Data comes from a CSV file with parsed date values, and the chart includes axes with tick marks, labels, and a title.

IImmaculata-Mary Muoghalu

67% match

Loading thumbnail…

Line Chart

This line chart shows groundwater monitoring data from two EPA wells at Bog of the Ring, plotting water levels over time with an optional linear regression trendline. The visualization uses a linked-brush interaction, where selecting a date range in the smaller brush chart filters the main chart's time axis. Built with D3 v5, it employs `brushX` for brushing, `scaleTime` and `scaleLinear` for axes, and `nest` to group data by well. Data is loaded from CSV files using D3's `csv` function, and the regression calculation uses `leastSquares` from the custom `Regression` module.

PPatrickhCahill

64% match

Loading thumbnail…

Brush, Trendline, Legend, Linechart, Barchart

This example visualizes EPA groundwater monitoring data for two observation wells at the Bog of the Ring using D3 v5 with SVG rendering. A main line chart displays water levels over time with an ordinal color scale and legend, while a smaller brush chart below allows users to select a date range. The brushed region updates the main chart’s x-axis domain and fits a least-squares regression trendline with its equation shown. Data is loaded from CSV files, parsed with d3.timeParse, and the chart uses d3.brushX, d3.line, d3.nest, and d3.scaleTime.

SShane Carey

63% match

Loading thumbnail…

operations graph

This visualization compares planned versus actual oil well operations using two connected line charts. The top chart tracks operation timelines against dates, while the bottom chart displays cumulative costs over time. Using D3.js v5 with SVG rendering, the code employs d3.scaleBand, d3.scaleTime, and d3.scaleLinear to map operations, dates, and costs. Data comes from a hardcoded JavaScript array containing operation names, planned/real dates, and costs.

NNoWizards

63% match

Loading thumbnail…

Real oil prices annotated line chart

This line chart visualizes monthly real imported crude oil prices from 1974 onward, using data from the U.S. Energy Information Administration. The line is drawn in steelblue, with a hover interaction that reveals a focus circle and crosshair lines to inspect exact values. The chart is annotated using the d3-annotation library, with pink callouts highlighting notable price points. The y-axis displays the real price in dollars, while the x-axis shows time. A vertical dashed line marks a specific date of interest, and the chart includes hover-based tooltips for precise data reading.

EElaineYu

63% match

Loading thumbnail…

Hello VizHub

This interactive visualization displays monthly water level measurements for two wells (OW2DWL and OW2DSWL) over time. The chart uses a dual-panel layout with a detailed focus plot above and a brushable context view below for zooming and panning through the time series. The visualization is built with D3 v5 and renders as SVG, using `d3.brushX` for interactive selection and `d3.nest` to group data by well. The data is loaded from a remote CSV via `d3.csv`, with D3's `scaleTime` and `scaleLinear` handling the date and value axes.

SShane Carey

63% match

Loading thumbnail…

Area Chart

This area chart displays annual US automotive sales from 2005 to 2022, with dates on the x-axis and sales numbers on the y-axis. Using D3 v5, the code loads CSV data and renders an SVG with `d3.scaleTime` and `d3.scaleLinear` for scales, `d3.axisLeft` and `d3.axisBottom` for axes, and `d3.area` with `curveBasis` to generate the filled path. The chart includes labeled axes and a title, with data sourced from a GitHub gist.

RRavi Teja Bonam

62% match