Style tweaks

visgl · Dec 11, 2024 · 7e05458 · 7e05458
1 parent dccc827
commit 7e05458
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/examples/website/globe/app.tsx b/examples/website/globe/app.tsx
@@ -33,11 +33,13 @@ const DATA_URL = 'https://raw.githubusercontent.com/visgl/deck.gl-data/master/ex
 const INITIAL_VIEW_STATE: GlobeViewState = {
   longitude: 0,
   latitude: 20,
-  zoom: 3,
+  zoom: 2,
+  minZoom: 1,
+  maxZoom: 3,
 };
 
 const ANIMATION_SPEED = 60;
-const TIME_WINDOW = 900; // 15 minutes
+const TIME_WINDOW = 1800; // 30 minutes
 const EARTH_RADIUS_METERS = 6370972;
 const SEC_PER_DAY = 60 * 60 * 24;
 
@@ -108,11 +110,11 @@ export default function App({data}: {data?: DailyFlights[]}) {
           getTargetPosition: d => [d.lon2, d.lat2, d.alt2],
           getSourceTimestamp: d => d.time1,
           getTargetTimestamp: d => d.time2,
-          getHeight: 0.5,
-          getWidth: 3,
+          getHeight: 0.3,
+          getWidth: 2,
           timeRange,
-          getSourceColor: [39, 244, 128],
-          getTargetColor: [44, 128, 255]
+          getSourceColor: [63, 81, 181],
+          getTargetColor: [63, 181, 173]
         })
     );
 

diff --git a/examples/website/globe/range-input.tsx b/examples/website/globe/range-input.tsx
@@ -49,7 +49,7 @@ export default function RangeInput({
   formatLabel: (x: number) => string;
   onChange: (newValue: number) => void;
 }) {
-  const [isPlaying, setIsPlaying] = useState(false);
+  const [isPlaying, setIsPlaying] = useState(true);
 
   // prettier-ignore
   useEffect(() => {