Skip to main content
100%

timeline

✓ Published0🌍 Public
TThanaporn-sk
Last edited Jun 14, 2019
Created on Jun 14, 2019

This visualization displays a timeline of asset locations and transit periods across a multi-day period, with each row representing a different asset (such as "MJ", "Raj", or "Mahesh Car"). The code uses D3.js version 4, rendering SVG rectangles whose horizontal positions and widths correspond to entry and exit times via `d3.scaleTime()`. Vertical placement is determined by a series number, with larger, semi-transparent rectangles for location dwell times and smaller, opaque pink bars for transit intervals. Zone-level stops are also included, shown in distinct colors, and the data is loaded from external JSON files using `d3.json()`.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/egrotke/'>egrotke</a>'s block: <a href='http://bl.ocks.org/egrotke/0bd4af3c95a29ce29117997a219b8cd8'>fresh block</a>

forked from <a href='http://bl.ocks.org/egrotke/'>egrotke</a>'s block: <a href='http://bl.ocks.org/egrotke/eb6668b282d4800732043f193a640380'>timeline</a>

forked from <a href='http://bl.ocks.org/egrotke/'>egrotke</a>'s block: <a href='http://bl.ocks.org/egrotke/f3b1fce9c8b258160d0b9bd609d984fc'>timeline</a>

mit Licensed

Similar vizzes