Skip to main content
Log in
R

ramkalahasthy

@ramkalahasthy·3 public vizzes

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization combines a bubble map and a linked time-series histogram to explore migrant deaths worldwide. Users brush the histogram to filter which incidents appear on the map, with the map rendering circles sized by the total dead and missing count for each location. The histogram aggregates data into monthly bins using `d3.bin` and `timeMonths`, while the map uses `geoNaturalEarth1` and `geoPath` to draw country boundaries and graticules. Data comes from a CSV of Missing Migrants incidents, with geographic coordinates projected onto the SVG via React components.

Jun 10, 2020
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization combines a bubble map and a linked time-series histogram to explore migrant deaths worldwide. Users brush the histogram to filter which incidents appear on the map, with the map rendering circles sized by the total dead and missing count for each location. The histogram aggregates data into monthly bins using `d3.bin` and `timeMonths`, while the map uses `geoNaturalEarth1` and `geoPath` to draw country boundaries and graticules. Data comes from a CSV of Missing Migrants incidents, with geographic coordinates projected onto the SVG via React components.

Jun 10, 2020
Loading thumbnail…

Cars Report

This example demonstrates how to display a static text message in a web page using VizHub's modular JavaScript setup. The visualization shows the phrase "Hello VizHub!" rendered prominently on screen, as defined in the `myMessage.js` ES6 module and imported into `index.js`. The page loads via a minimal HTML file with a pre-formatted message element, styled at a large font size. The code relies on standard DOM manipulation and ES6 module exports rather than an external charting library like D3 or Three.js.

Jun 10, 2020