1. Components
  2. Datamaps

Third-Party Plugins

Tailwind CSS Datamaps

Datamaps are customizable SVG map visualizations for the web. They offer intuitive geospatial insights by transforming raw data into interactive visual formats.

Requires Additional Installation

Datamaps are customizable SVG map visualizations for the web. They offer intuitive geospatial insights by transforming raw data into interactive visual formats.

How to use

  1. Install Datamaps

    Install datamaps via npm

                        npm i datamaps
                      
  2. Add the Datamaps JavaScript

    Include the JavaScript <script> near the end of your </body> tag:

                        
                      

Basic usage

A basic usage of Maps.