react-typescript-datamaps
Version:
react wrapper component for the 'datamaps' library (Interactive maps for data visualizations). Out of the box it includes advance arc-attack-plugin and demo mode.
39 lines (38 loc) • 1.13 kB
TypeScript
import React from 'react';
import d3 from 'd3';
import { ArcItem } from './ArcPlugin';
import './style.css';
interface AttackMapProps {
data?: ArcItem[];
dataMapsProps?: undefined | SlimDataMapOptions;
demoMode?: boolean;
hideTicker?: boolean;
}
interface SlimDataMapOptions {
scope?: string;
geographyConfig?: DataMapGeographyConfigOptions;
bubblesConfig?: DataMapBubblesConfigOptions;
arcConfig?: DataMapArcConfigOptions;
setProjection?: (element: HTMLElement, options: DataMapOptions) => DataMapProjection;
fills?: any;
done?: (datamap: {
svg: d3.Selection<any>;
options: DataMapOptions;
path: d3.geo.Path;
projection: d3.geo.Projection;
}) => void;
responsive?: boolean;
projection?: string;
height?: null | number;
width?: null | number;
dataType?: "json" | "csv";
dataUrl?: null | string;
data?: any;
filters?: any;
aspectRatio?: number;
projectionConfig?: {
rotation: any[];
};
}
export declare const AttackMap: React.FC<AttackMapProps>;
export {};