abritopach / capacitor-heatmap

Capacitor Heatmap is a custom Native Capacitor plugin to show Heatmap on Web, IOS and Android platforms.

Hi there 👋

Passionate about technology. I try to develop any idea that comes to my mind. In love with mobile development both native and hybrid.

Trying to give back to the open source community everything it has taught / helped me.

👨‍💻 I’m currently working on

• Open source projects.
• New capacitor plugins.

📚 I’m currently learning ...

• Kotlin Multiplatform.
• Svelte.
• Rust.

💬 Ask me about ...

• Native application development.
• Hybrid application development.
• FrontEnd (Angular, React, Vue).
• Backend (NodeJS, Spring,...).
• ...

📫 How to reach me:

• Linkedin
• Twitter

💸 Help me

If you want to help me to keep contributing to the open source with projects, examples, plugins,... collaborate and buy me a coffee.

capacitor-heatmap's Issues

[WEB] Added color scale cold to hot

[WEB] Add mapbox heatmap type

[WEB] Expose API method to set radius

[WEB] Add debug / verbose mode

Add option when initializing the plugin to debug and display the logs by console.

[ANDROID] Simple Heatmap

[WEB] Added google maps heatmap type

[WEB] Expose API method to set opacity

[WEB] Added leaflet maps heatmap type

[WEB] Simple heatmap: Error in the method of setting the opacity

[WEB] Expose API method to set gradient

[WEB] Get the parent element of the canvas directly instead of specifying the id of the parent element

Also get the sibling element directly

[BUG Simple Heatmap] The value of the radius is lost when a mousemove is made in the canvas

[WEB] Add more examples

Warning: Capacitor WebPlugin "HeatmapWeb" config object was deprecated in v3 and will be removed in v4

[WEB] Develop Public API Methods

• initialize(options: IHeatmapOptions) => Promise<{value: HTMLCanvasElement}> | Initialize heatmap.

Methods for rendering heatmap.

• draw(options: {minOpacity?: number, data?: HeatmapData}) => Promise<{value: boolean}> | Draw heatmap.

Methods for handling heatmap data.

• setData(data: HeatmapData) => Promise<{value: HeatmapData}> | Set heatmap data of [[x, y, thickness], ...] format.

• getData() => Promise<{value: HeatmapData}> | Get heatmap data of [[x, y, thickness], ...] format.

• getValueAt(position: Array) => Promise<{value: number}> | Returns value at datapoint position.

• clearData() => Promise<{value: HeatmapData}> | Clear heatmap data.

• addPoint(point: HeatmapPoint) => Promise<{value: HeatmapData}> | Add new point to heatmap data.

• setMax(max: number) => Promise<{value: number}> | Set max data value (1 by default).

Methods for handling heatmap appearance.

• resize(options: {width: number, height: number}) => Promise<{value: {newWidth: number, newHeight: number}}> | Resize heatmap canvas.

• gradient(grad: HeatmapGradient) => Promise<{value: Uint8ClampedArray}> | Set gradient colors as HeatmapGradient.

• opacity(opa: number) => Promise<{value: number}> | Set the opacity of the heatmap, expressed as a number between 0 and 1.

[WEB] Add open street map heatmap type