From 7e05458cb6e079ff7f3a62a75f0e3ad34655ed31 Mon Sep 17 00:00:00 2001
From: Felix Palmer <felixpalmer@gmail.com>
Date: Wed, 11 Dec 2024 15:12:58 +0100
Subject: [PATCH] Style tweaks

---
 examples/website/globe/app.tsx         | 14 ++++++++------
 examples/website/globe/range-input.tsx |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/examples/website/globe/app.tsx b/examples/website/globe/app.tsx
index 781146dbcda..0c9ee40c691 100644
--- 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
index 62272878cf7..b097c0730e1 100644
--- 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(() => {