Skip to main content
SimilarExport ZIP
100%

Graph with four lines

✓ Published2🌍 Public
LLonwabo11
Last edited Jul 19, 2019
Created on Jul 7, 2019

This chart displays the allocated and unallocated telescope time for three instruments (IRSF, 1.9-m, and 1.0-m) using stacked bars. Each subgroup is represented by color, with a legend showing red for allocated and blue for unallocated time. The D3 v5 code uses `d3.stack` to build the layered series, `d3.scaleBand` and `d3.scaleLinear` for positioning, and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded from a CSV file via `d3.csv`.

AI-generated description

The latest graph with information from all my names(telescope names)

MIT Licensed

Similar vizzes

Loading thumbnail…

Graph with four lines

This stacked bar chart displays the allocation and unallocation of telescope time across three instruments, with red and blue segments representing the two categories. Built with D3 v5, the visualization uses `d3.stack()` to aggregate the data, `d3.scaleBand()` and `d3.scaleLinear()` for positioning, and `d3.axisBottom()`/`d3.axisLeft()` for axes. A legend is manually drawn, and the chart renders as SVG within a 300×300 viewport. Data comes from a CSV file containing telescope names and their allocated/unallocated day counts.

Pprincit
92% match
Loading thumbnail…

Graph with four lines

This visualization shows how hourly measurements for a telescope named Lesedi vary over several days in March 2015, using a colored line chart with four distinct lines. It loads data from a CSV file and renders it as an SVG using D3 v5, with a time-scaled x-axis and a linear y-axis. The chart employs `d3.nest` to group data by telescope, `d3.line` with `curveBasis` to smooth each series, and `d3.scaleOrdinal` with `schemeCategory10` to assign stroke colors to each line.

LLonwabo11
81% match
Loading thumbnail…

Let's make a face with D3.js!

This example shows a bar chart of telescope data, comparing average values across three named telescopes using colored bars. The chart is built with D3.js v5, using `scaleLinear` for the y-axis, `scaleBand` for the x-axis, and `axisBottom` and `axisLeft` for the axes. The SVG renders the bars with padding and custom colors, while the data is hardcoded in the script. The visualization demonstrates fundamental D3 DOM manipulation and scale-based layout for categorical and numerical data.

Jjuanandressr97
74% match
Loading thumbnail…

Let's make a face with D3.js!

This example shows a bar chart of telescope data, comparing average values across three named telescopes using colored bars. The chart is built with D3.js v5, using `scaleLinear` for the y-axis, `scaleBand` for the x-axis, and `axisBottom` and `axisLeft` for the axes. The SVG renders the bars with padding and custom colors, while the data is hardcoded in the script. The visualization demonstrates fundamental D3 DOM manipulation and scale-based layout for categorical and numerical data.

Jjuanandressr97
74% match
Loading thumbnail…

Multiple line graph in v4

This example displays two time-series lines, showing "close" and "open" stock prices over a month, with circular markers at each data point. Built with D3 v4, it maps dates on a time scale and values on a linear scale, then appends SVG paths for each line and circles for the observances. The chart uses `d3.timeParse`, `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, `d3.axisBottom`, and `d3.axisLeft`, and loads its comma-separated data from a local CSV file.

GGerardoFurtado
73% match
Loading thumbnail…

Bar chart

This example shows a horizontal timeline of events for different crews, with colored bars marking periods of work, stops, and idle time. The code loads data from a CSV file and uses D3’s `scaleTime`, `scaleBand`, and `scaleOrdinal` to map dates, categories, and colors, while `axisBottom` renders the time axis. The SVG is sized at 960 by 120 pixels, and rectangles are filled with green via CSS, though the visible chart only displays the empty axes scaffolding.

GGeolffrey S Mena
73% match
Loading thumbnail…

Bar chart

This example shows a horizontal timeline of events for different crews, with colored bars marking periods of work, stops, and idle time. The code loads data from a CSV file and uses D3’s `scaleTime`, `scaleBand`, and `scaleOrdinal` to map dates, categories, and colors, while `axisBottom` renders the time axis. The SVG is sized at 960 by 120 pixels, and rectangles are filled with green via CSS, though the visible chart only displays the empty axes scaffolding.

GGeolffrey S Mena
73% match
Loading thumbnail…

Bar chart

This example shows a horizontal timeline of events for different crews, with colored bars marking periods of work, stops, and idle time. The code loads data from a CSV file and uses D3’s `scaleTime`, `scaleBand`, and `scaleOrdinal` to map dates, categories, and colors, while `axisBottom` renders the time axis. The SVG is sized at 960 by 120 pixels, and rectangles are filled with green via CSS, though the visible chart only displays the empty axes scaffolding.

GGeolffrey S Mena
73% match