Рис. 3. Рейтинг регионов по уровню финансовой…

by Max Shu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.6/proj4.js"></script>
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/ru/custom/ru-all-disputed.js"></script>
<div id="container"></div>

CSS

.splash__text {margin: 3.5em 4.7em 7em 4.7em;}

    #container {
	height: 500px; 
	min-width: 310px; 
	width: 100%; 
	margin: 0 auto; 
}
.loading {
	margin-top: 10em;
	text-align: center;
	color: gray;
}
.scope {
	font-size:24px;
	font-family: 'FuturaPTWebDemi', "Helvetica Neue", Arial, sans-serif;
}
.scope, .numbers {
}

.highcharts-tooltip>span {
	padding: 10px;
	white-space: normal !important;
	width: 400px;
}

.icon {
	width: 40px;
	height: 40px;
	position: absolute;
	left: -35px;
	top: 35px;
	background: url(//hse.ru/mirror/pubs/share/174245803) no-repeat;
}

.icon.gmu		{background-position: -40px 0;}
.icon.build		{background-position: -80px 0;}
.icon.journal	{background-position: -120px 0;}
.icon.history	{background-position: -160px 0;}
.icon.lang		{background-position: -200px 0;}
.icon.media		{background-position: -240px 0;}
.icon.mngmnt	{background-position: -280px 0;}
.icon.world		{background-position: -320px 0;}
.icon.polit		{background-position: -360px 0;}
.icon.appmath	{background-position: -400px 0;}
.icon.psycho	{background-position: -440px 0;}
.icon.social	{background-position: -480px 0;}
.icon.international	{background-position: -520px 0;}
.icon.philos	{background-position: -560px 0;}
.icon.finance	{background-position: -600px 0;}
.icon.economic	{background-position: -640px 0;}
.icon.jury		{background-position: -680px 0;}
.icon.math		{background-position: -720px 0;}
.icon.logist	{background-position: -760px 0;}

JavaScript

$(function () {

var regions_data = [
{
	'name_ru': 'Алтайский край',
	'hc-key': 'ru-ga',
	'value': 22,
	'field1_name': 'Образование, руб.',
	'field1_value': 41789,
	'field2_name': 'Жилье, руб.',
	'field2_value': 23179,
	'field3_name': 'Другое, руб.',
	'field3_value': 90960,
	'field4_name': 'Доходы, руб.',
	'field4_value': 229073,
	'field5_name': 'Место',
	'field4_value': '49–54'
}, {
	'name_ru': 'Амурская область',
	'hc-key': 'ru-am',
	'value': 15,
	'field1_name': 'Образование, руб.',
	'field1_value': 38913,
	'field2_name': 'Жилье, руб.',
	'field2_value': 0,
	'field3_name': 'Другое, руб.',
	'field3_value': 114468,
	'field4_name': 'Доходы, руб.',
	'field4_value': 321290,
	'field5_name': 'Место',
	'field4_value': '2–3'
}, {
	'name_ru': 'Архангельская область',
	'hc-key': 'ru-ar',
	'value': 18,
	'field1_name': 'Образование, руб.',
	'field1_value': 39253,
	'field2_name': 'Жилье, руб.',
	'field2_value': 9265,
	'field3_name': 'Другое, руб.',
	'field3_value': 135876,
	'field4_name': 'Доходы, руб.',
	'field4_value': 305999,
	'field5_name': 'Место',
	'field4_value': '13–22'
}, {
	'name_ru': 'Астраханская область',
	'hc-key': 'ru-as',
	'value': 20,
	'field1_name': 'Образование, руб.',
	'field1_value': 48106,
	'field2_name': 'Жилье, руб.',
	'field2_value': 5708,
	'field3_name': 'Другое, руб.',
	'field3_value': 85440,
	'field4_name': 'Доходы, руб.',
	'field4_value': 234809,
	'field5_name': 'Место',
	'field4_value': '30–40'
}, {
	'name_ru': 'Белгородская область',
	'hc-key': 'ru-bl',
	'value': 21,
	'field1_name': 'Образование, руб.',
	'field1_value': 53796,
	'field2_name': 'Жилье, руб.',
	'field2_value': 32783,
	'field3_name': 'Другое, руб.',
	'field3_value': 82104,
	'field4_name': 'Доходы, руб.',
	'field4_value': 260218,
	'field5_name': 'Место',
	'field4_value': '41–48'
}, {
	'name_ru': 'Брянская область',
	'hc-key': 'ru-br',
	'value': 25,
	'field1_name': 'Образование, руб.',
	'field1_value': 46568,
	'field2_name': 'Жилье, руб.',
	'field2_value': 3125,
	'field3_name':...