Globe

npm install cobe vue-use-spring

<script setup lang="ts">
import { Globe } from '@/components/visualization'
import type { COBEOptions } from 'cobe'

const config: COBEOptions = {
  width: 800,
  height: 800,
  phi: 0,
  theta: 0.3,
  dark: 1,
  diffuse: 0.4,
  mapSamples: 16000,
  mapBrightness: 1.2,
  baseColor: [1, 1, 1],
  markerColor: [251 / 255, 100 / 255, 21 / 255],
  glowColor: [1, 1, 1],
  markers: [
    { location: [14.5995, 120.9842], size: 0.03 },
    { location: [19.076, 72.8777], size: 0.1 },
  ],
}
</script>

<template>
  <Globe :config="config" />
</template>