A 100% client-side web application for querying aviation telemetry data from AR.IO gateways using Graphql and DuckDB-WASM. Built with SvelteKit 5 and Tailwind CSS.
# Install dependencies npm install # Start dev server npm run dev # Open in browser open http://localhost:5173
# Build static site npm run build # Preview production build npm run preview
The build output will be in the build/ directory, ready for deployment.
- User searches for ICAO hex code or callsign
- GraphQL query fetches transaction IDs from Arweave
- Parquet files are downloaded and processed with DuckDB-WASM
- Results are displayed in charts, maps, and formatted cards
├── src/
│ ├── routes/
│ │ ├── +layout.svelte # Root layout
│ │ ├── +layout.ts # Static config (prerender + CSR)
│ │ └── +page.svelte # Main app (search, charts, maps)
│ └── lib/
│ └── components/ # Reusable UI components
├── static/
│ ├── favicon.png
│ └── _headers # Required headers for static hosts
├── build/ # Production build output
└── svelte.config.js # Static adapter config
# Install dependencies npm install # Start dev server with hot reload npm run dev # Type checking npm run check # Format code npm run format # Lint code npm run lint
MIT
- Built with SvelteKit
- Data powered by Derad Network
- Charts by Highcharts
- Maps by Leaflet
- Database by DuckDB-WASM