Untitled

100%

✓ Published0🌍 Public

Last edited Jan 19, 2021

Created on Jan 10, 2021

Forked from 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.

AI-generated description

Temperature in san francisco for 1 week of temperature

Data from data canvas sense your city

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A scatterplot charts the relationship between the number of operational kites and new oil wells per year, using data from the UCI Machine Learning Repository. Points show a downward trend as kite count increases. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear`, `extent` for domains, and `axisBottom`/`axisLeft` for axes. Custom tick formatting converts large numbers, and CSS styles the circles with green fills and semi-transparency.

Bbicyclecode

73% match

Loading thumbnail…

Untitled

This chart displays new COVID-19 cases on August 12th, 2020, for nine regions of England, using horizontal bars whose lengths encode case counts. Built with D3 v6, it loads data from a local CSV file via `d3.csv`, scales values with `scaleLinear` and `scaleBand`, and renders SVG rectangles. Axis ticks are generated using `axisLeft` and `axisBottom`. The data originates from the UK government’s coronavirus dashboard.

Bbicyclecode

72% match

Loading thumbnail…

Untitled

A line chart shows the annual value of CO2 emissions from 1995 to 2014, with each year represented by a white circle with a teal outline. The circles change their stroke to black on hover, and a tooltip displays the exact value for each point. The visualization uses D3 v4 to read the CSV data, build a time-scale X axis and a linear Y axis, and draw a smoothed curve using `d3.line()` with `curveBasis`. The SVG output includes axes, circles, and the path, while the tooltip is appended as an HTML div in the page.

Llamiyaa

70% match

Loading thumbnail…

Untitled

A bar chart displays the cumulative running total of values from 1884 to 2010, sourced from a CSV file. The visualization uses D3.js v5, with `d3.dsv` to load and parse the data, and SVG elements to render the bars and axes.

Jjkwycz

69% match

Loading thumbnail…

Untitled

A simple bar chart displays two annual values from a CSV file, mapping dates on the x-axis and values on the y-axis. The chart uses D3 version 3 (loaded via CDN) with `d3.scale.ordinal`, `d3.svg.axis`, and `d3.time.format` for date parsing. Bars are rendered as SVG rectangles with steelblue fill. The axes include rotated date labels and a rotated y-axis title. The code demonstrates basic D3 data binding, scale setup, and SVG element creation within a fixed margin layout.

SSimon Hackbert

69% match

Loading thumbnail…

Untitled

This visualization charts world population by year using a smooth area chart. The SVG renders a filled region with a curved baseline, generated via D3’s `area()` with `curveBasis`. Time-scaled years appear on the x-axis, while a linear scale maps population values, formatted in billions. The chart includes axis labels and a title, and loads data from a CSV file. D3 v6 commands like `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` are used to construct the axes and path.

Bbicyclecode

69% match

Loading thumbnail…

Untitled

This visualization presents a sequence of line charts tracking a numeric value over time, with a small multiple layout that allows for comparative scanning across different series. Built with a custom JavaScript rendering pipeline that manually draws axes and data paths onto a Canvas element, the code uses D3.js’s `d3.scaleLinear` for proportional scaling and `d3.line` for path generation, while a mouse-driven crosshair dynamically highlights the nearest data point and its coordinates. The dataset appears to be synthetic, generated procedurally within the script rather than loaded from an external file.

GGunjan Paul

69% match

Loading thumbnail…

Untitled

This chart visualizes mining deaths over time, using a smooth line to show the number of deaths per year. The data is loaded from a CSV file and rendered as an SVG in D3 v5, with time and linear scales mapping years and death counts. It includes labeled axes with gridlines, a title, and draws the line with `line()` and `curveBasis`.

DDjPendej0

68% match