globe Svelte Themes

Globe

visualize a interactive 3d globe with svelte,d3 and SVG power

๐ŸŒ Globe

The world at a Glance. Population by Country, 2021

Data visualization with Svelte and D3 on a nice Globe made by power of SVG

๐Ÿงช Demo

You can visit this link for project demo: https://globe.liara.run

๐Ÿ–ผ๏ธ Screenshots

โœจ Features

  • Dragable globe on x and y axis
  • Focus on each country (SVG path) to show tooltip
  • A legend under the globe to show data on progress bar
  • Fully Dynamic

๐Ÿš€ Installation and Run

To Install/visit globe project on your local machine you can do these steps:

  • Step 1: Clone repository
      git clone https://github.com/Alireza-Khodayi/globe
    
  • Step 2: Move to project directory
    cd globe
    
  • Step 3: Install dependencies
    npm install
    
  • Step 4: Run the project
    npm run dev
    

๐Ÿงฉ Tech Stack

Svelte, D3, TailwindCSS, SVG

๐Ÿ’ก Feedback

If you have any feedback, please reach out me at alirezakhodayi97@gmail.com

โค๏ธ Support

Please give a star to this repository if you enjoyed.

Top categories

Loading Svelte Themes