open-index/open-npm huggingface dataset:
npm package: @somarmeteorologia/react-leaflet-markers
Description: > :pushpin: Provide a HOC to render markers with canvas instead DOM nodes with better performance.
Latest version: 1.0.2

# React Leaflet Markers
> :pushpin: Provide a HOC to render markers with canvas instead DOM nodes with better performance. 

## How use

First, install the dependencie

```sh
yarn add @somarmeteorologia/react-leaflet-markers
```

See above a simple example

```js
import { Map, Marker } from 'react-leaflet'
import Markers from '@somarmeteorologia/react-leaflet-markers'

const defaultIcon = L.divIcon({
  html: renderToString(<Icon />),
  iconSize: [24, 41]
})

<Map>
  <Markers isDebug={true} markers={
    markers.map(marker => (
      <Marker
        key={marker.key}
        icon={defaultIcon}
        position={[marker.latitude, marker.longitude]}
        properties={marker}
      />
    )
  } />
</Map>
```

The following attributes are required inside `properties` object from `Marker` component.

```js
{
  key: String|Number,
  latitude: Number,
  longitude: Number
}
```

The following attributes are required inside `icon` object from `Marker` component, between `html` or `iconUrl`, one of the two are required.

```js
{
  html: String,
  iconUrl: String,
  iconSize: Array[Number]
}
```

[See demo](https://react-leaflet-markers.surge.sh)

## Roadmap

- tests
- performance improvements
- optional attributes from icon and properties

## License

[MIT © Somar Meteorologia](https://github.com/somarmeteorologia/react-leaflet-markers/blob/master/LICENSE.md)
npm package: @somasekhar1712/ngx-google-charts
Description: A wrapper for the Google Charts library written with Angular
Author: Gabriel Sperrer
Latest version: 0.0.1

# ngx-google-charts

> A wrapper for the [Google Charts library](https://google-developers.appspot.com/chart/) written in ngx.

## Install

With [npm](https://npmjs.org/) installed, run

```bash
npm install ngx-google-charts
```

## Usage

Import the `GoogleChartsModule` in your `app.module.ts`:

```typescript
import { GoogleChartsModule } from 'ngx-google-charts';

@NgModule({
  ...
  imports: [
    ...
    GoogleChartsModule,
    ...
  ],
  ...
})
export class AppModule {}
```

And create a `google-chart` component somewhere in your application:

```html
<google-chart
  [title]="chart.title"
  [type]="chart.type"
  [data]="chart.data"
  [columns]="chart.columnNames"
  [options]="chart.options"
>
</google-chart>
```

## Detailed Instructions

Find the full readme at [GitHub](https://github.com/Somasekhar1712/ngx-google-charts).

## License

MIT