DjPendej0

@DjPendej0·5 public vizzes

Untitled

A line chart displays time series data with dates parsed from a CSV file on the x-axis and numerical closing values on the y-axis. The single path renders with a steelblue stroke over a white background, accompanied by grey axis lines and tick labels. The visualization uses D3 v3 APIs including `d3.time.scale`, `d3.svg.line`, and `d3.svg.axis`, with the SVG canvas sized by margins and data loaded via `d3.csv` before domain scaling and path creation.

Jun 20, 2020

Loading thumbnail…

Scatter/Line Plot with Menus

A scatter/line plot displays deaths and death percentages of miners over time, with two dropdown menus to switch the y-axis variable. The visualization uses D3 v5 with SVG rendering and animated transitions, as circles grow and reposition over two seconds when the menu selection changes. The chart employs D3 scales, axes, a line generator, and a custom dropdown menu component built with HTML select elements. Data is loaded from a CSV file hosted on GitHub, with years parsed as dates and numerical values converted to numbers.

Jun 17, 2020

Loading thumbnail…

Vega-Lite API Template

This example displays a scatter plot of Miners’ Deaths data from a CSV file, with the Year on the x-axis and Deaths on the y-axis, using circular marks and tooltips. The visualization is built with the vega-lite-api library, which wraps Vega-Lite and Vega, and is rendered as an SVG via the d3 v5 loader. The code customizes axis and label styling through a config object, and incorporates vega-tooltip for interactive hover details. The plot automatically fits the window dimensions.

Jun 17, 2020

Loading thumbnail…

Vega-Lite API Template

This example displays a line chart of miner deaths over time, using a thick semi-transparent stroke that emphasizes the overall trend and peaks. It builds the visualization declaratively with the Vega-Lite API (`vl.markLine`), while D3’s `csv` loads the external dataset from a GitHub gist. The chart is configured via a shared `config` object, and the view is rendered as an SVG with tooltip support from `vega-tooltip`, all initialized through `vl.register`.

Jun 17, 2020

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`.

Jun 17, 2020