Network Pipe Manufacturer

    vue-world-map

    0.1.1 • Public • Published

    Vue World Map

    A Vue JS Component for displaying dynamic data on a world map.

    Map from amCharts

    Installation

    Install via npm using npm install vue-world-map

    Usage

    This component is most useful in creating a heat map for various countries. And will color countries differently based on a props passed.

    The component requires a prop of countryData to be passed to it, which is a JS object formatted like so.

    {
      US: 100,
      CA: 120,
      UK: 400,
    }

    Where the key is a country's ISO 3166 Code and the value is a numerical value associated with it.

    API

    Props Description Optional
    countryData See Usage Section above for details no
    lowColor Countries with lower values will be colored more strongly with this color yes
    highColor Countries with higher values will be colored more strongly with this color yes
    defaultCountryFillColor Countries with no data will default to this color yes
    countryStrokeColor The color of the border around countries yes

    Keywords

    none

    Install

    npm i vue-world-map

    DownloadsWeekly Downloads

    1,503

    Version

    0.1.1

    License

    ISC

    Last publish

    Collaborators

    • ghrehh