Skip to content

input-output-hk/react-globe-events-visualiser

Repository files navigation

CircleCI status Demo

🌎 - React events WebGL globe visualisation

This library is for creating a 3D visualisation of events around the globe in React using THREE.js.

Make it so

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

Contributing

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.

About

WebGL globe events visualiser React component

Resources

License

Stars

Watchers

Forks

Packages

No packages published