@datalith/dotmap

@datalith/dotmap

yarn add @datalith/dotmap

Docs

<DotMap />

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
defs		JSX.Element	Optional <defs /> element to include in 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
fill	rgb(0,0,0)	(Datum) => string or string	Fill color accessor
stroke		(Datum) => string or string	Stroke color 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

<DotMapUs />

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
defs		JSX.Element	Optional <defs /> element to include in 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

<DotMapWorld />

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
defs		JSX.Element	Optional <defs /> element to include in 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
fill	rgb(0,0,0)	(Datum) => string or string	Fill color accessor
stroke		(Datum) => string or string	Stroke color 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