-
Notifications
You must be signed in to change notification settings - Fork 0
/
dtp-stats.html
90 lines (82 loc) · 15.6 KB
/
dtp-stats.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html><html lang="ru"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Карты ДТП Томска - Море данных</title><meta name="robots" content="noindex,nofollow"><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="amphtml" href="http://novmik.ru/amp/dtp-stats.html"><link type="application/atom+xml" rel="alternate" href="http://novmik.ru/feed.xml"><meta property="og:title" content="Карты ДТП Томска"><meta property="og:image" content="http://novmik.ru/media/posts/4/15.png"><meta property="og:site_name" content="Море данных"><meta property="og:description" content="Инфографика, визуальная журналистика и информационный дизайн"><meta property="og:url" content="http://novmik.ru/dtp-stats.html"><meta property="og:type" content="article"><link rel="shortcut icon" type="image/x-icon" href="http://novmik.ru/assets/favicon.ico"><link rel="stylesheet" href="http://novmik.ru/assets/css/style.css?v=294d4f9d267e8396f70443436638e973"><link rel="stylesheet" href="http://novmik.ru/assets/css/photoswipe.css?v=681aed1d50f7a554d6ce93d18258dddc"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"http://novmik.ru/dtp-stats.html"},"headline":"Карты ДТП Томска","datePublished":"2018-02-03T17:28","dateModified":"2018-12-11T23:16","image":{"@type":"ImageObject","url":"http://novmik.ru/media/posts/4/15.png","height":895,"width":1451},"description":"Карта ДТП Томска Статистику ДТП публикуют на stat.gibdd.ru Данные о происшествиях заносят в стандартную форму с большим количеством полей. Поля описывают время и место происшествия, дорожные условия, характеристики транспорта и состояние участников. Содержимое одной карточки: (по клику — в хорошем качестве) Эти данные можно нанести на…","author":{"@type":"Person","name":"Mik Nov"},"publisher":{"@type":"Organization","name":"Mik Nov","logo":{"@type":"ImageObject","url":"http://novmik.ru/media/website/favicon.ico","height":false,"width":false}}}</script><script async src="http://novmik.ru/assets/js/lazysizes.min.js?v=739e7d27e1cbc58b1b2e6882674b8867"></script><style>.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(http://novmik.ru/assets/svg/gallery-icons-light.svg);
}</style><script async src="https://www.googletagmanager.com/gtag/js?id=UA-113482929-1"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-113482929-1');</script></head><body><div class="container"><header class="js-top is-sticky"><a class="logo" href="http://novmik.ru"><img src="http://novmik.ru/media/website/favicon.ico" alt="Море данных"> Море данных</a><div class="top"><nav class="navbar js-navbar"><button class="navbar__toggle js-navbar__toggle">Меню</button><ul class="navbar__menu"></ul></nav></div></header><main><article class="post"><div class="hero"><div class="hero__wrap"><img class="lazyload blur-up" src="http://novmik.ru/media/posts/4/responsive/15-xs.png" data-srcset="http://novmik.ru/media/posts/4/responsive/15-xs.png 300w ,http://novmik.ru/media/posts/4/responsive/15-sm.png 480w ,http://novmik.ru/media/posts/4/responsive/15-md.png 768w ,http://novmik.ru/media/posts/4/responsive/15-lg.png 1024w ,http://novmik.ru/media/posts/4/responsive/15-xl.png 1360w ,http://novmik.ru/media/posts/4/responsive/15-2xl.png 1600w" data-sizes="auto" alt=""></div><header class="hero__text"><h1>Карты ДТП Томска</h1><p class="post__meta"><time datetime="2018-02-03T17:28">03/02/2018</time></p></header></div><div class="post__entry"><p><strong>Карта ДТП Томска</strong></p><p>Статистику ДТП публикуют на <a href="http://stat.gibdd.ru/">stat.gibdd.ru</a></p><p>Данные о происшествиях заносят в стандартную форму с большим количеством полей. Поля описывают время и место происшествия, дорожные условия, характеристики транспорта и состояние участников.</p><p>Содержимое одной карточки:<br><em>(по клику — в хорошем качестве)</em></p><div class="gallery" data-is-empty="false" data-columns="1"><figure class="gallery__item"><a href="http://novmik.ru/media/posts/4/gallery/card.jpg" data-size="1680x4380"><img src="http://novmik.ru/media/posts/4/gallery/card.jpg" alt=""></a></figure></div><p> </p><p>Эти данные можно нанести на карту</p><p>ДТП в Томске за 2015<br>тепловая карта / категории</p><div class="juxta"><iframe width="none" height="none" frameborder="0" src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=128f48b0-0b61-11e8-b263-0edaf8f81e27" data-mce-fragment="1"></iframe></div><p>ДТП в Томске за 2015 / 2016</p><div class="juxta"><iframe width="none" height="none" frameborder="0" src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=31065fc2-0b61-11e8-b263-0edaf8f81e27" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="" msallowfullscreen="" data-mce-fragment="1"></iframe></div><p> </p><p>Интерактивная карта ДТП за 2015, 2016 и первые шесть месяцев 2017г <a href="https://miklide.carto.com/builder/a0222504-5670-43f9-9cd9-70e21dc03b5b/embed" target="_blank" rel="noopener noreferrer">полноэкранная версия</a></p><p><iframe width="100%" height="800" frameborder="0" src="https://miklide.carto.com/builder/a0222504-5670-43f9-9cd9-70e21dc03b5b/embed" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="" msallowfullscreen="" data-mce-fragment="1"></iframe></p><p> </p><p>Статичная версия</p><p><img class="lazyload blur-up" src="http://novmik.ru/media/posts/4/responsive/dtp-map-jan-apr-xs.jpg" data-sizes="auto" data-srcset="http://novmik.ru/media/posts/4/responsive/dtp-map-jan-apr-xs.jpg 300w ,http://novmik.ru/media/posts/4/responsive/dtp-map-jan-apr-sm.jpg 480w ,http://novmik.ru/media/posts/4/responsive/dtp-map-jan-apr-md.jpg 768w" alt="" width="2778" height="3810"></p><p> </p></div><footer class="post__footer"><ul class="post__tag"><li><a href="http://novmik.ru/datavis/">datavis</a></li><li><a href="http://novmik.ru/design/">design</a></li><li><a href="http://novmik.ru/gis/">GIS</a></li><li><a href="http://novmik.ru/moe/">мое</a></li></ul><nav class="post__nav"><div class="post__nav__prev">Предыдущий<h5><a href="http://novmik.ru/graphics-reporter.html" class="inverse" rel="prev">Практическое руководство по графическому репортажу</a></h5></div><div class="post__nav__next">Следующий<h5><a href="http://novmik.ru/skills.html" class="inverse" rel="next">навыки инфографиста</a></h5></div></nav></footer></article><h3>Комментарии</h3><div id="disqus_thread"></div><script>var disqus_config = function () {
this.page.url = 'http://novmik.ru/dtp-stats.html';
this.page.identifier = '4';
this.page.title = ' Карты ДТП Томска - Море данных ';
};
var disqus_loaded = false;
function publiiLoadDisqus() {
if(disqus_loaded) {
return false;
}
var top = document.getElementById('disqus_thread').offsetTop;
if (!disqus_loaded && (window.scrollY || window.pageYOffset) + window.innerHeight > top) {
disqus_loaded = true;
(function () {
var d = document, s = d.createElement('script');
s.src = '//.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
}
}
publiiLoadDisqus();
window.onscroll = function() {
publiiLoadDisqus();
};</script><noscript>Пожалуйста активируйте JavaScript <a href="https://disqus.com/?ref_noscript" rel="nofollow">комментарии на движке Disqus.</a></noscript></main><footer class="footer"><div class="footer__copyright"><p><a href="https://www.facebook.com/novmikvis" target="_blank" rel="noopener noreferrer">Nov Mik</a> © 2018<br>Движок — Publii</p></div></footer></div><script>var loadCSSFiles = function() {
var links = ['https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Condensed:400,700&subset=latin-ext'],
headElement = document.getElementsByTagName('head')[0],
linkElement, i;
for (i = 0; i < links.length; i++) {
linkElement = document.createElement('link');
linkElement.rel = 'stylesheet';
linkElement.href = links[i];
headElement.appendChild(linkElement);
}
};
var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) {
raf(loadCSSFiles);
} else {
window.addEventListener('load', loadCSSFiles);
}</script><script defer="defer" src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" aria-dropeffect="" crossorigin="anonymous"></script><script defer="defer" src="http://novmik.ru/assets/js/scripts.min.js?v=f37607af05f83050cdcc37ea18bb5ee1"></script><script defer="defer" src="http://novmik.ru/assets/js/photoswipe.min.js?v=9c62086e50d89a9b6a29389a70ee0d65"></script><script defer="defer" src="http://novmik.ru/assets/js/photoswipe-ui-default.min.js?v=aafb02c13ce2b295ff34a8ac0db67cbb"></script><script>var initPhotoSwipeFromDOM=function(gallerySelector){var parseThumbnailElements=function(el){var thumbElements=el.childNodes,numNodes=thumbElements.length,items=[],figureEl,linkEl,size,item;for(var i=0;i<numNodes;i++){figureEl=thumbElements[i];if(figureEl.nodeType!==1){continue;}
linkEl=figureEl.children[0];size=linkEl.getAttribute('data-size').split('x');item={src:linkEl.getAttribute('href'),w:parseInt(size[0],10),h:parseInt(size[1],10)};if(figureEl.children.length>1){item.title=figureEl.children[1].innerHTML;}
if(linkEl.children.length>0){item.msrc=linkEl.children[0].getAttribute('src');}
item.el=figureEl;items.push(item);}
return items;};var closest=function closest(el,fn){return el&&(fn(el)?el:closest(el.parentNode,fn));};var onThumbnailsClick=function(e){e=e||window.event;e.preventDefault?e.preventDefault():e.returnValue=false;var eTarget=e.target||e.srcElement;var clickedListItem=closest(eTarget,function(el){return(el.tagName&&el.tagName.toUpperCase()==='FIGURE');});if(!clickedListItem){return;}
var clickedGallery=clickedListItem.parentNode,childNodes=clickedListItem.parentNode.childNodes,numChildNodes=childNodes.length,nodeIndex=0,index;for(var i=0;i<numChildNodes;i++){if(childNodes[i].nodeType!==1){continue;}
if(childNodes[i]===clickedListItem){index=nodeIndex;break;}
nodeIndex++;}
if(index>=0){openPhotoSwipe(index,clickedGallery);}
return false;};var photoswipeParseHash=function(){var hash=window.location.hash.substring(1),params={};if(hash.length<5){return params;}
var vars=hash.split('&');for(var i=0;i<vars.length;i++){if(!vars[i]){continue;}
var pair=vars[i].split('=');if(pair.length<2){continue;}
params[pair[0]]=pair[1];}
if(params.gid){params.gid=parseInt(params.gid,10);}
return params;};var openPhotoSwipe=function(index,galleryElement,disableAnimation,fromURL){var pswpElement=document.querySelectorAll('.pswp')[0],gallery,options,items;items=parseThumbnailElements(galleryElement);options={galleryUID:galleryElement.getAttribute('data-pswp-uid'),getThumbBoundsFn:function(index){var thumbnail=items[index].el.getElementsByTagName('img')[0],pageYScroll=window.pageYOffset||document.documentElement.scrollTop,rect=thumbnail.getBoundingClientRect();return{x:rect.left,y:rect.top+pageYScroll,w:rect.width};},
mainClass:'pswp--dark',
hideAnimationDuration:200,
showAnimationDuration:0,
bgOpacity: 0.7,
showHideOpacity:true,
closeOnScroll: true,
arrowKeys: true,
closeEl: true,
captionEl: true,
fullscreenEl: true,
zoomEl: true,
shareEl: false,
counterEl: true,
arrowEl: true,
preloaderEl: true
};if(fromURL){if(options.galleryPIDs){for(var j=0;j<items.length;j++){if(items[j].pid==index){options.index=j;break;}}}else{options.index=parseInt(index,10)-1;}}else{options.index=parseInt(index,10);}
if(isNaN(options.index)){return;}
if(disableAnimation){options.showAnimationDuration=0;}
gallery=new PhotoSwipe(pswpElement,PhotoSwipeUI_Default,items,options);gallery.init();gallery.options.escKey=true;};var galleryElements=document.querySelectorAll(gallerySelector);for(var i=0,l=galleryElements.length;i<l;i++){galleryElements[i].setAttribute('data-pswp-uid',i+1);galleryElements[i].onclick=onThumbnailsClick;}
var hashData=photoswipeParseHash();if(hashData.pid&&hashData.gid){openPhotoSwipe(hashData.pid,galleryElements[hashData.gid-1],true,true);}};initPhotoSwipeFromDOM('.gallery');</script><div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"><div class="pswp__bg"></div><div class="pswp__scroll-wrap"><div class="pswp__container"><div class="pswp__item"></div><div class="pswp__item"></div><div class="pswp__item"></div></div><div class="pswp__ui pswp__ui--hidden"><div class="pswp__top-bar"><div class="pswp__counter"></div><button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button><div class="pswp__preloader"><div class="pswp__preloader__icn"><div class="pswp__preloader__cut"><div class="pswp__preloader__donut"></div></div></div></div></div><div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"><div class="pswp__share-tooltip"></div></div><button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button><div class="pswp__caption"><div class="pswp__caption__center"></div></div></div></div></div></body></html>