maps

What problem does it solve?

This Skill provides ready-to-use map visualizations by exposing components to render geographic data with TopoJSON and minimalist dot-based maps, reducing the boilerplate for geospatial dashboards.

Core Features & Use Cases

• TopoJSONMap: render choropleth regions, per-region colors, points, and links using TopoJSON data.
• DottedMap: create lightweight, stylized world maps with location pins and simple geographic overviews.
• Use Case: build a dashboard showing state-level metrics across a country with color-coded regions and pin markers for key locations.

Quick Start

Install the vue-chrts package, import TopoJSONMap and DottedMap into your Vue component, provide a TopoJSON dataset and a data array, and customize colors, legend placement, and map bounds.