Рис. 2. Распределение региональных систем…

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

//<![CDATA[

$(function () {

var regions_data = [
{
	'name_ru': 'Алтайский край',
	'hc-key': 'ru-ga',
	'value': 12,
	'field1_name': 'Количество мест',
	'field1_value': 8255,
	'field2_name': 'Место',
	'field2_value': '29–33'
}, {
	'name_ru': 'Амурская область',
	'hc-key': 'ru-am',
	'value': 0,
	'field1_name': 'Количество мест',
	'field1_value': 0,
	'field2_name': 'Место',
	'field2_value': '54–82'
}, {
	'name_ru': 'Архангельская область',
	'hc-key': 'ru-ar',
	'value': 14,
	'field1_name': 'Количество мест',
	'field1_value': 3654,
	'field2_name': 'Место',
	'field2_value': '23–24'
}, {
	'name_ru': 'Астраханская область',
	'hc-key': 'ru-as',
	'value': 12,
	'field1_name': 'Количество мест',
	'field1_value': 4964,
	'field2_name': 'Место',
	'field2_value': '29–33'
}, {
	'name_ru': 'Белгородская область',
	'hc-key': 'ru-bl',
	'value': 0,
	'field1_name': 'Количество мест',
	'field1_value': 0,
	'field2_name': 'Место',
	'field2_value': '54–82'
}, {
	'name_ru': 'Брянская область',
	'hc-key': 'ru-br',
	'value': 5,
	'field1_name': 'Количество мест',
	'field1_value': 1930,
	'field2_name': 'Место',
	'field2_value': '47–48'
}, {
	'name_ru': 'Владимирская область',
	'hc-key': 'ru-vl',
	'value': 11,
	'field1_name': 'Количество мест',
	'field1_value': 3969,
	'field2_name': 'Место',
	'field2_value': '34–36'
}, {
	'name_ru': 'Волгоградская область',
	'hc-key': 'ru-vg',
	'value': 14,
	'field1_name': 'Количество мест',
	'field1_value': 10826,
	'field2_name': 'Место',
	'field2_value': '23–24'
}, {
	'name_ru': 'Вологодская область',
	'hc-key': 'ru-vo',
	'value': 8,
	'field1_name': 'Количество мест',
	'field1_value': 2210,
	'field2_name': 'Место',
	'field2_value': '41–44'
}, {
	'name_ru': 'Воронежская область',
	'hc-key': 'ru-vr',
	'value': 27,
	'field1_name': 'Количество мест',
	'field1_value': 26266,
	'field2_name': 'Место',
	'field2_value': '12–13'
}, {
	'name_ru': 'г. Севастополь',
	'hc-key': 'ru-sc',
	'value': 'н/д',
	'field1_name': 'Количество мест',
	'field1_value':...