Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
# Changelog

[Compare changes](https://github.com/stacksjs/ts-maps/compare/v0.2.6...v0.2.7)

### 🧹 Chores
Expand Down
55 changes: 37 additions & 18 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

[![npm version][npm-version-src]][npm-version-href]
[![GitHub Actions][github-actions-src]][github-actions-href]
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
[![Commitizen friendly][commitizen-friendly]][commitizen-href]

# ts-maps

Expand Down Expand Up @@ -213,16 +213,16 @@ Available components include:
- `Russia` - Russia map
- `Iraq` - Iraq map

See [Nuxt Components Documentation](https://ts-maps.com/components/nuxt) for detailed usage.
See [Nuxt Components Documentation][nuxt-components-documentation] for detailed usage.

## Documentation

- [Introduction](https://ts-maps.dev/intro)
- [Installation](https://ts-maps.dev/install)
- [Usage Guide](https://ts-maps.dev/usage)
- [API Reference](https://ts-maps.dev/api)
- [Examples](https://ts-maps.dev/examples)
- [Playground](https://ts-maps.dev/playground)
- [Introduction][introduction]
- [Installation][installation]
- [Usage Guide][usage-guide]
- [API Reference][api-reference]
- [Examples][examples]
- [Playground][playground]

## Development

Expand All @@ -247,21 +247,21 @@ pnpm dev

## Changelog

Please see our [releases](https://github.com/stacksjs/ts-maps/releases) page for more information on what has changed recently.
Please see our [releases][releases] page for more information on what has changed recently.

## Contributing

Please see [CONTRIBUTING](https://github.com/stacksjs/stacks/blob/main/.github/CONTRIBUTING.md) for details.
Please see [CONTRIBUTING][contributing] for details.

## Community

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

[Discussions on GitHub](https://github.com/stacksjs/ts-maps/discussions)
[Discussions on GitHub][discussions-on-github]

For casual chit-chat with others using this package:

[Join the Stacks Discord Server](https://discord.gg/stacksjs)
[Join the Stacks Discord Server][join-the-stacks-discord-server]

## Postcardware

Expand All @@ -273,18 +273,18 @@ Our address: Stacks.js, 12665 Village Ln #2306, Playa Vista, CA 90094, United St

We would like to extend our thanks to the following sponsors for funding Stacks development. If you are interested in becoming a sponsor, please reach out to us.

- [JetBrains](https://www.jetbrains.com/)
- [The Solana Foundation](https://solana.com/)
- [JetBrains][jetbrains]
- [The Solana Foundation][the-solana-foundation]

## Credits

- [jsvectormap](https://github.com/themustafaomar/jsvectormap)
- [Chris Breuer](https://github.com/chrisbbreuer)
- [All Contributors](https://github.com/stacksjs/ts-maps/contributors)
- [jsvectormap][jsvectormap]
- [Chris Breuer][chris-breuer]
- [All Contributors][all-contributors]

## License

The MIT License (MIT). Please see [LICENSE](https://github.com/stacksjs/clarity/blob/main/LICENSE.md) for more information.
The MIT License (MIT). Please see [LICENSE][license] for more information.

Made with 💙

Expand All @@ -296,3 +296,22 @@ Made with 💙

<!-- [codecov-src]: https://img.shields.io/codecov/c/gh/stacksjs/clarity/main?style=flat-square
[codecov-href]: https://codecov.io/gh/stacksjs/clarity -->
[commitizen-friendly]: https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
[nuxt-components-documentation]: https://ts-maps.com/components/nuxt
[introduction]: https://ts-maps.dev/intro
[installation]: https://ts-maps.dev/install
[usage-guide]: https://ts-maps.dev/usage
[api-reference]: https://ts-maps.dev/api
[examples]: https://ts-maps.dev/examples
[playground]: https://ts-maps.dev/playground
[releases]: https://github.com/stacksjs/ts-maps/releases
[contributing]: https://github.com/stacksjs/stacks/blob/main/.github/CONTRIBUTING.md
[discussions-on-github]: https://github.com/stacksjs/ts-maps/discussions
[join-the-stacks-discord-server]: https://discord.gg/stacksjs
[jetbrains]: https://www.jetbrains.com/
[the-solana-foundation]: https://solana.com/
[jsvectormap]: https://github.com/themustafaomar/jsvectormap
[chris-breuer]: https://github.com/chrisbbreuer
[all-contributors]: https://github.com/stacksjs/ts-maps/contributors
[license]: https://github.com/stacksjs/clarity/blob/main/LICENSE.md
[commitizen-href]: http://commitizen.github.io/cz-cli/
147 changes: 85 additions & 62 deletions bun.lock

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion docs/advanced/analytics.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

Create beautiful, interactive heatmaps to visualize data patterns and correlations across your analytics datasets. Heatmaps use color gradients to represent data values, making it easy to identify trends, correlations, and anomalies in your business metrics and user behavior data.

## What is an Analytics Heatmap?
## What is an Analytics Heatmap

An analytics heatmap is a data visualization technique that uses color intensity to represent metric values across different dimensions. High-performing metrics or strong correlations are displayed with warmer/darker colors, while lower values or weak correlations use cooler/lighter colors. This creates an intuitive visual representation of performance patterns, user engagement, and data relationships.

Expand Down Expand Up @@ -310,6 +310,7 @@ Below is a live demo of the analytics heatmap functionality. Use the dropdown to
- **Scroll** to zoom in/out for different detail levels
- **Drag** to pan around the map for exploration
- **Switch maps** to compare visitor patterns across regions

:::

## Analytics Use Cases
Expand Down
3 changes: 2 additions & 1 deletion docs/advanced/heatmap.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

Create beautiful, interactive heatmaps with ts-maps to visualize data intensity across geographic regions. Heatmaps use color gradients to represent data values, making it easy to identify patterns, hotspots, and trends in your data.

## What is a Heatmap?
## What is a Heatmap

A heatmap is a data visualization technique that uses color intensity to represent data values. In geographic contexts, regions with higher values are colored with warmer/darker colors, while regions with lower values use cooler/lighter colors. This creates an intuitive visual representation of data distribution across geographic areas.

Expand Down Expand Up @@ -290,6 +290,7 @@ Below is a live demo of the heatmap functionality. Use the dropdown to switch be
- **Scroll** to zoom in/out
- **Drag** to pan around the map
- **Switch maps** to see different heatmap visualizations

:::

## Use Cases
Expand Down
8 changes: 4 additions & 4 deletions docs/features/vector-map.md
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@ You can customize the appearance of the zoom buttons using CSS. Here's how to st

```css
/* Zoom buttons styling */
#map .jvm-zoom-btn {
# map .jvm-zoom-btn {
position: absolute;
right: 10px;
z-index: 10;
Expand All @@ -117,17 +117,17 @@ You can customize the appearance of the zoom buttons using CSS. Here's how to st
}

/* Position zoom in button */
#map .jvm-zoomin {
# map .jvm-zoomin {
top: 10px;
}

/* Position zoom out button */
#map .jvm-zoomout {
# map .jvm-zoomout {
top: 50px;
}

/* Hover effect */
#map .jvm-zoom-btn:hover {
# map .jvm-zoom-btn:hover {
background-color: #f8fafc;
}
```
Expand Down
1 change: 1 addition & 0 deletions docs/guide/vue.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@ app.mount('#app')
```

This registers all map components globally:

- `VectorMap` - Base vector map component
- `GoogleMap` - Google Maps integration
- `WorldMap` - World map preset
Expand Down
4 changes: 1 addition & 3 deletions docs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,4 @@ features:
- title: "Extensive Map Features"
icon: "🌍"
details: "Support for projections, legends, scales, and various map types out of the box"
---

<Home />
---
Loading
Loading