@datalith/pixelmap
TypeScript icon, indicating that this package has built-in type declarations

0.12.1 • Public • Published

@datalith/pixelmap

yarn add @datalith/pixelmap

Docs

<PixelMap />

Name Default Type Description
className string Custom css classes to apply to the SVG
style React.CSSProperties Custom style object to apply to the SVG
additionalElements JSX.Element Optional elements to add to the SVG
size { width: number; height: number } Width and Height of the SVG. Default is parent node size.
data * Array<Datum> or Array<[number, number]> Array of data
coords (Datum) => Datum (Datum) => [number, number] or [number, number] Coords accessor
value 10 (Datum) => number or number Value accessor
valueInactive 1 number Value Inactive accessor
fill (Datum) => string or string Fill color accessor
fillInactive #000 string Fill Inactive accessor
fillOpacity (Datum) => number or number Fill Opacity accessor
fillOpacityInactive 0.3 number Fill Opacity Inactive accessor
stroke (Datum) => string or string Stroke color accessor
strokeInactive transparent string Stroke Inactive accessor
strokeOpacity (Datum) => number or number Stroke Opacity accessor
strokeOpacityInactive 0.3 number Stroke Opacity Inactive accessor
featureCollection * FeatureCollection GeoJson object
projection geoNaturalEarth1() GeoProjection D3 GeoProjection to map coordinates
side 5 number Grid cell dimension
tooltip (Datum) => string Return HTML or text as a string to show on element mouseover

<PixelMapUs />

Name Default Type Description
className string Custom css classes to apply to the SVG
style React.CSSProperties Custom style object to apply to the SVG
additionalElements JSX.Element Optional elements to add to the SVG
size { width: number; height: number } Width and Height of the SVG. Default is parent node size.
data* Array<Datum> or Array<[number, number]> Array of data
projection geoAlbersUsa() GeoProjection D3 GeoProjection to map coordinates
side 5 number Grid cell dimension
tooltip (Datum) => string Return HTML or text as a string to show on element mouseover

<PixelMapWorld />

Name Default Type Description
className string Custom css classes to apply to the SVG
style React.CSSProperties Custom style object to apply to the SVG
additionalElements JSX.Element Optional elements to add to the SVG
size { width: number; height: number } Width and Height of the SVG. Default is parent node size.
data* Array<Datum> or Array<[number, number]> Array of data
coords (Datum) => Datum (Datum) => [number, number] or [number, number] Coords accessor
value 10 (Datum) => number or number Value accessor
valueInactive 1 number Value Inactive accessor
fill (Datum) => string or string Fill color accessor
fillInactive #000 string Fill Inactive accessor
fillOpacity (Datum) => number or number Fill Opacity accessor
fillOpacityInactive 0.3 number Fill Opacity Inactive accessor
fillInactive #000 string Fill Inactive accessor
stroke (Datum) => string or string Stroke color accessor
strokeInactive transparent string Stroke Inactive accessor
strokeOpacity (Datum) => number or number Stroke Opacity accessor
strokeOpacityInactive 0.3 number Stroke Opacity Inactive accessor
strokeInactive transparent string Stroke Inactive accessor
projection geoNaturalEarth1() GeoProjection D3 GeoProjection to map coordinates
side 5 number Grid cell dimension
tooltip (Datum) => string Return HTML or text as a string to show on element mouseover

Package Sidebar

Install

npm i @datalith/pixelmap

Weekly Downloads

0

Version

0.12.1

License

MIT

Unpacked Size

20 kB

Total Files

14

Last publish

Collaborators

  • lucafalasco