All Projects → Ghrehh → Vue World Map

Ghrehh / Vue World Map

Licence: mit
A Vue JS component for displaying dynamic data on a world map.

Projects that are alternatives of or similar to Vue World Map

leaflet heatmap
简单的可视化湖州通话数据 假设数据量很大,没法用浏览器直接绘制热力图,把绘制热力图这一步骤放到线下计算分析。使用Apache Spark并行计算数据之后,再使用Apache Spark绘制热力图,然后用leafletjs加载OpenStreetMap图层和热力图图层,以达到良好的交互效果。现在使用Apache Spark实现绘制,可能是Apache Spark不擅长这方面的计算或者是我没有设计好算法,并行计算的速度比不上单机计算。Apache Spark绘制热力图和计算代码在这 https://github.com/yuanzhaokang/ParallelizeHeatmap.git .
Stars: ✭ 13 (-60.61%)
Mutual labels:  map, heatmap
Reaviz
📊 Data visualization library for React based on D3
Stars: ✭ 215 (+551.52%)
Mutual labels:  chart, heatmap
Calendarheatmap
A calendar based heatmap which presenting a time series of data points in colors.
Stars: ✭ 113 (+242.42%)
Mutual labels:  chart, heatmap
Libosmscout
Libosmscout is a C++ library for offline map rendering, routing and location lookup based on OpenStreetMap data
Stars: ✭ 159 (+381.82%)
Mutual labels:  geolocation, map
leaflet.minichart
Leaflet.minichart is a leaflet plugin for adding to a leaflet map small animated charts
Stars: ✭ 27 (-18.18%)
Mutual labels:  map, chart
Aphotomanager
Manage local photos on Android: gallery, geotag with photomap, privacy, tags, find, sort, view, copy, send, ... .
Stars: ✭ 164 (+396.97%)
Mutual labels:  geolocation, map
Instaloctrack
An Instagram OSINT tool to collect all the geotagged locations available on an Instagram profile in order to plot them on a map, and dump them in a JSON.
Stars: ✭ 85 (+157.58%)
Mutual labels:  geolocation, map
morpheus.js
JavaScript matrix visualization and analysis
Stars: ✭ 51 (+54.55%)
Mutual labels:  chart, heatmap
kirby-locator
A simple map & geolocation field, built on top of open-source services and Mapbox. Kirby 3 only.
Stars: ✭ 83 (+151.52%)
Mutual labels:  map, geolocation
Vue Echarts V3
Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)
Stars: ✭ 884 (+2578.79%)
Mutual labels:  chart
Mpandroidchart
A powerful 🚀 Android chart view / graph view library, supporting line- bar- pie- radar- bubble- and candlestick charts as well as scaling, panning and animations.
Stars: ✭ 34,377 (+104072.73%)
Mutual labels:  chart
Rgeo
Geospatial data library for Ruby
Stars: ✭ 875 (+2551.52%)
Mutual labels:  geolocation
Mapsforge
Vector map library and writer - running on Android and Desktop.
Stars: ✭ 885 (+2581.82%)
Mutual labels:  map
Catchart
Pipe something from command line to a chart in the browser
Stars: ✭ 27 (-18.18%)
Mutual labels:  chart
Timesheet.js
JavaScript library for HTML5 & CSS3 time sheets
Stars: ✭ 6,881 (+20751.52%)
Mutual labels:  chart
Pomerium Helm
Official helm charts for Pomerium.
Stars: ✭ 32 (-3.03%)
Mutual labels:  chart
Samples Viewer Generator
🎉 A CLI utility tool to generate web app of data visualization samples for presentation purpose
Stars: ✭ 13 (-60.61%)
Mutual labels:  chart
Ilg
because the world needs another iOS chart library.
Stars: ✭ 13 (-60.61%)
Mutual labels:  chart
Change By Example
Finds a function that transforms a given object into another given object.
Stars: ✭ 32 (-3.03%)
Mutual labels:  map
Highcharts China Geo
Highcharts 中国地图,Highcharts 中国省市地图,Highcharts China Map,南海诸岛geo
Stars: ✭ 29 (-12.12%)
Mutual labels:  map

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].