This library is for creating a 3D visualisation of events around the globe in React using THREE.js.
npm install --save git+https://git@github.com/input-output-hk/react-globe-events-visualiser#v1
The most basic example
import EventsGlobe from 'react-globe-events'
const events = [
[
{
id: '123',
lat: -25.0253898,
lon: 46.9540537,
name: 'Washington DC meetup',
location: 'Washington',
datetime: '05-20-2025 18:00',
url: 'https://example.org/'
}
]
]
export default () => (
<EventsGlobe
events={events}
width={window.innerWidth}
height={window.innerHeight}
/>
)
For a full list of props see https://github.com/input-output-hk/react-globe-events-visualiser/blob/master/src/Events.js#L20
To make changes branch from staging
and create a PR with the changes. Once ready to merge into production ensure the package.json version number is updated following Semantic Versioning. Once the code has been merged to master CI will create the relevant tags for the release.