0.5.9 ā¢ Published 1 month ago
@antv/l7plot v0.5.9
š Geospatial Visualization Chart Library Based on L7.
āØ Features
- š¦ Out of the box: configurable geographic charts with built-in multi granularity administrative data
- š Rich elements: rich chart types and map components, multi map basemap suppor
- šÆ Easy to customize: data driven, from number to shape, support multi-layer and multi map surface stacking
- š± Dynamic interaction: strong chart interaction ability, support 2 / 3D perspective, and provide command dynamic interaction API
š¦ Installation
$ npm install @antv/l7 @antv/l7plot
šØ Usage
<div id="container"></div>
import { Dot } from '@antv/l7plot';
const data = [
{ lng: 103.715, lat: 31.211, depth: 10, mag: 5.8, title: 'M 5.8 - eastern Sichuan, China' },
{ lng: 104.682, lat: 31.342, depth: 10, mag: 5.7, title: 'M 5.7 - eastern Sichuan, China' },
// ...
];
const dot = new Dot('container', {
map: {
type: 'mapbox',
style: 'light',
center: [103.447303, 31.753574],
zoom: 7,
},
autoFit: true,
source: {
data: data,
parser: { type: 'json', x: 'lng', y: 'lat' },
},
color: {
field: 'mag',
value: ['#82cf9c', '#10b3b0', '#2033ab'],
scale: { type: 'quantize' },
},
size: {
field: 'mag',
value: ({ mag }) => (mag - 4.3) * 10,
},
state: { active: true },
scale: { position: 'bottomright' },
legend: { position: 'bottomleft' },
tooltip: {
items: ['title', 'mag', 'depth'],
},
});
Local Development
# Global installation yarn
$ npm install yarn -g
# Install project dependencies
$ yarn bootstrap
# Compile each package in real time and start the storybook
$ yarn dev
# Run website
$ yarn dev-website
# Run unit tests
$ yarn test
# open electron for unit tests
$ yarn test-live
š¤ How to Contribute
Your contributions are always welcome! Please Do have a look at the issues first.
To become a contributor, please follow our contributing guide.
License
MIT
0.5.9
1 month ago
0.5.8
2 months ago
0.5.7
5 months ago
0.5.6
7 months ago
0.5.5
10 months ago
0.5.4
11 months ago
0.5.3
11 months ago
0.5.2
1 year ago
0.2.2
1 year ago
0.5.0
1 year ago
0.5.1
1 year ago
0.3.0
2 years ago
0.4.1
1 year ago
0.3.2
1 year ago
0.4.0
1 year ago
0.3.1
1 year ago
0.4.3
1 year ago
0.4.2
1 year ago
0.3.3
1 year ago
0.2.1
2 years ago
0.2.0
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.1.0
2 years ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.3-alpha.9
2 years ago
0.0.3-alpha.11
2 years ago
0.0.3
2 years ago
0.0.3-alpha.10
2 years ago
0.0.5
2 years ago
0.0.4-alpha.1
2 years ago
0.0.4
2 years ago
0.0.6
2 years ago
0.0.3-alpha.7
2 years ago
0.0.3-alpha.6
2 years ago
0.0.3-alpha.8
2 years ago
0.0.3-alpha.2
2 years ago
0.0.3-alpha.5
2 years ago
0.0.3-alpha.1
2 years ago
0.0.3-alpha.0
2 years ago
0.0.2-alpha.2
3 years ago
0.0.2-alpha.0
3 years ago
0.0.2-alpha.1
3 years ago
0.0.1-alpha.4
3 years ago
0.0.1-alpha.3
3 years ago