Choropleth Chart Documentation

importChoroplethChartfrom"https://deno.land/x/d3nodata@v0.1.3.1/charts.ts"

Prop Name Type Default Value Required Description
data {data: numbers, name: string}[] WorldPopulationData No An array containing objects with 2 properties listed in the Default Value section
fontSize number 10 No Font size of tool tip text
widthPadding number 0 No Additional padding translates map inside of container SVG
heightPadding number 0 No Additional padding translates map inside of container SVG
paddingTitle number 15 No The padding between the top of the SVG and the title text
width number 700 No Set the width of the SVG
height number 700 No Set the height of the SVG
stepArr number[] undefined No Pass in stepArr if you want to customize legend values. If this is being passed in, colorArr must be passed in with length 2 greater than stepArr. This defaults to a linear scale between the min and max of the data set with legendSteps number of steps
colorArr string[] undefined No colors chosen for color. thresholdScale must also be true
legendSteps number 6 No The number of steps in our legend
legendSvgPadding number 0 No The Padding between the left edge of the SVG and the legend
lowColor string lightblue No The color for low values on the color scale
highColor string darkblue No the color for high values on the color scale
offHoverOpacity number 0.8 No A number between 0 and 1 for opacity of chart elements that aren't being hovered over
title string Example Text No Title text
scale number 75 No A number reprepsenting what scale to size projection map, 150 is 100% to scale
center [number,number] [0,0] No 2 value number array representing center coordinate of map. Useful for moving the map around to focus on different countries
thresholdScale boolean true No A switch to change country coloring to match legend color exactly