chart for EM climate risk story

author(s): Mike Zavarello

by Mike Zavarello

HTML

<!-- Atlanta Fed scripts -->
<script src="https://www.frbatlanta.org/~/media/javascript/system/UniversalGoogleAnalytics.js"></script>
<script src="https://www.frbatlanta.org/~/media/javascript/highcharts/highcharts-global-settings-min.js"></script>
<script src="https://www.frbatlanta.org/~/media/javascript/economy-matters/inside-the-fed/2020/12/15/the-fed-and-climate-economics/climate-change-map-data.js"></script>

<!-- standard Highcharts scripts -->
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/data.js"></script>
<script src="https://code.highcharts.com/maps/modules/exporting.js"></script>
<script src="https://code.highcharts.com/maps/modules/offline-exporting.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/us/us-all-all-highres.js"></script>

<div id="container_ClimateRiskMap" class="economyMattersMap">
    Downloading map...
</div>

CSS

.economyMattersMap { height: 575px; width: 100%; margin: 0 auto; }

JavaScript

$(document).ready(function(){

	/* set chart dimensions based on iframe and container sizes */
	var iframeWidth_ClimateRiskMap = $("#container_ClimateRiskMap").width();
	var iframeHeight_ClimateRiskMap = $("#container_ClimateRiskMap").height();

	var countiesMap = Highcharts.geojson(Highcharts.maps['countries/us/us-all-all-highres']),
		lines = Highcharts.geojson(Highcharts.maps['countries/us/us-all-all-highres'], 'mapline'),
		chartOptions_ClimateRiskMap;

	// Add state acronym for tooltip
	Highcharts.each(countiesMap, function (mapPoint) {
		mapPoint.name = mapPoint.name + ', ' + mapPoint.properties['hc-key'].substr(3, 2);
	});
	
	var chart_ClimateRiskMap = '';
	
	var sourceLine_ClimateRiskMap = 'Source: Seawalls and Stilts: A Quantitative Macro Study of Climate Adaptation, by Stephie Fried, PhD, Arizona State University (<a href="https://www.frbsf.org/economic-research/files/adaptation_fried.pdf" target="new">https://www.frbsf.org/economic-research/files/adaptation_fried.pdf</a>)';
	setChartDefaults(iframeWidth_ClimateRiskMap,iframeHeight_ClimateRiskMap,sourceLine_ClimateRiskMap,0);
	var chartOptions_ClimateRiskMap = {
		chart: { marginLeft: 20, marginRight: 60, marginBottom: 100, renderTo: 'container_ClimateRiskMap', type: 'map', zoomType: 'xy' },
		colorAxis: {
			min: 0,
			dataClasses: [
				{ to: 0 },
				{ from: 1 }
			], 
			minColor: '#009ec1', /* blue */
			maxColor: '#cc276e' /* magenta */
		},
		exporting: {
			buttons: {
				contextButton: { text: 'Export' }
			},
			chartOptions: {
      	legend: { enabled: true }
		  },
			filename: 'economy-matters_map-of-us-counties-by-risk-level'
		},
		legend: { 
			enabled: true, floating: true, verticalAlign: 'bottom', layout: 'vertical', borderWidth: 0, 
			align: 'left', x: iframeWidth_ClimateRiskMap * 0.8, y: -100, backgroundColor: 'none',
			padding: 2, itemMarginTop: 0, itemMarginBottom: 4, symbolRadius: 0, symbolHeight: 12, symbolWidth: 12,
			labelFormatter: function () {
				var legendItem =...