Built with blockbuilder.org
forked from bumbeishvili's block: Polls.ge
Last active
May 28, 2019 04:07
-
-
Save willzjc/cc54cfd1e9cb1ece5d91e140f3dc5790 to your computer and use it in GitHub Desktop.
Polls.ge
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: mit |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en" > | |
| <head> | |
| <meta charset="UTF-8"> | |
| <link rel="shortcut icon" type="image/x-icon" href="https://production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /> | |
| <link rel="mask-icon" type="" href="https://production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /> | |
| <title>CodePen - Elections</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="shortcut icon" type="image/x-icon" href="https://raw.githubusercontent.com/bumbeishvili/Assets/master/Projects/D3/Polls/pollsPng.png" /> | |
| <meta property="og:title" content="მატყუარა ეგზიტპოლები?!" /> | |
| <meta property="og:description" content="ეგზიტპოლების, წინასაარჩევნო გამოკითხვებისა და რეალური შედეგების შედარება" /> | |
| <meta property="og:image" content="https://raw.githubusercontent.com/bumbeishvili/Assets/master/Projects/D3/Polls/pollsFinal.png" /> | |
| <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css'> | |
| <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.css'> | |
| <style> | |
| h1 { | |
| text-align: center; | |
| margin: 5px; | |
| } | |
| .buttons button { | |
| margin-bottom: 10px; | |
| } | |
| .buttons { | |
| position: fixed; | |
| left: 20px; | |
| } | |
| .toggle-lang { | |
| position: fixed; | |
| right: 10px; | |
| top: 10px; | |
| } | |
| .custom-tooltip { | |
| position: fixed; | |
| max-width: 500px; | |
| } | |
| .custom-tooltip td, | |
| .custom-tooltip th { | |
| padding: 5px !important; | |
| } | |
| .custom-tooltip .card .card-content .card-title { | |
| line-height: 26px; | |
| } | |
| .poll-card { | |
| color: black; | |
| } | |
| .poll-info { | |
| position: absolute; | |
| max-width: 300px; | |
| right: 15px; | |
| } | |
| .dispersion { | |
| position: absolute; | |
| max-width: 300px; | |
| right: 15px; | |
| bottom: 30px; | |
| } | |
| .cesko-color { | |
| background-color: #60C028; | |
| } | |
| .fb-comments { | |
| margin-left: 30%; | |
| } | |
| @media only screen and (max-width: 1000px) { | |
| .poll-info { | |
| position: relative; | |
| max-width: 90%; | |
| left: 5%; | |
| } | |
| .dispersion { | |
| position: relative; | |
| max-width: 90%; | |
| left: 5%; | |
| margin-top: 50px; | |
| } | |
| .buttons { | |
| position: relative; | |
| top: 40px; | |
| max-width: 90%; | |
| left: 5%; | |
| margin-top: 0; | |
| margin-bottom: 10px; | |
| } | |
| .toggle-lang { | |
| position: relative; | |
| float: right; | |
| right: 5%; | |
| } | |
| .fb-comments { | |
| margin-left: 0%; | |
| max-width: 90%; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body translate="no" > | |
| <div id="fb-root"></div> | |
| <script> | |
| (function(d, s, id) { | |
| var js, fjs = d.getElementsByTagName(s)[0]; | |
| if (d.getElementById(id)) return; | |
| js = d.createElement(s); js.id = id; | |
| js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=813508885415765"; | |
| fjs.parentNode.insertBefore(js, fjs); | |
| }(document, 'script', 'facebook-jssdk')); | |
| </script> | |
| <script> | |
| (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | |
| (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | |
| m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | |
| })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); | |
| ga('create', 'UA-79501479-2', 'auto'); | |
| ga('send', 'pageview'); | |
| </script> | |
| <button class="toggle-lang btn-floating" onclick="toggle()">En</button> | |
| <h1 class="header">არჩევნები 2016</h1> | |
| <div class="tooltip-template" style='display:none'> | |
| <div class="row"> | |
| <div class="col"> | |
| <div class="card " style="background-color:#PARTY_COLOR"> | |
| <div class="card-content white-text"> | |
| <span class="card-title">#PARTY_NAME</span> | |
| <table> | |
| <tr> | |
| <th>#VOTE_PERCENT_TEXT</th> | |
| <td>#VOTE_PERCENT %</td> | |
| </tr> | |
| <tr> | |
| <th>#VOTE_COUNT_TEXT</th> | |
| <td>#VOTE_COUNT</td> | |
| </tr> | |
| </table> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class=" poll-info"> | |
| <div class="card "> | |
| <div class="card-content "> | |
| <span class="card-title"> გამოკითხვათა შეჯამება</span> | |
| <br> | |
| <div class="poll-info-content"> | |
| კვლევის განმავლობაში სულ მოსაზრება გამოთქვა <span>2000</span> -მა ადამიანმა, გამოკითხვა მიმდინარეობდა | |
| <br><br> ინფორმაციის წყარო | |
| </div> | |
| </div> | |
| </div> | |
| <div class="fb-share-button" data-href="http://polls.ge/" data-layout="button_count" data-size="large" data-mobile-iframe="false"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fpolls.ge%2F&src=sdkpreparse">Share </a></div> | |
| <div style="float:right" class="fb-like" data-href="https://www.facebook.com/polls.ge/" data-layout="button_count" data-action="like" data-size="small" data-show-faces="true" data-share="false"> | |
| </div></div> | |
| <div class=" dispersion"> | |
| <div class="card "> | |
| <div class="card-content "> | |
| <span class="card-title"> </span> | |
| <div class="dispersion-info-content"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="buttons"></div> | |
| <div id='graphContent'></div> | |
| </div> | |
| <div class="row"> | |
| <div class="fb-comments " data-href="http://polls.ge/" data-numposts="5"></div> | |
| </div> | |
| <div class="custom-tooltip"></div> | |
| <script src='https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js'></script> | |
| <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> | |
| <script src='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js'></script> | |
| <script src='https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js'></script> | |
| <script > | |
| var selector = '#graphContent'; | |
| var gauge; | |
| (function setLanguage(){ | |
| if(!localStorage.getItem('lang')){ | |
| localStorage.setItem('lang','En'); | |
| } | |
| var lang = localStorage.getItem('lang'); | |
| if(lang=='Ge'){ | |
| set('.toggle-lang','En') | |
| }else{ | |
| set('.toggle-lang','Ge') | |
| } | |
| })() | |
| function extractDispersion() { | |
| polls.cesko.data.sort(function(x, y) { | |
| return d3.ascending(x.electNumber, y.electNumber); | |
| }) | |
| console.log("##################"); | |
| var dispersions = {}; | |
| var maxDispersion = 0; | |
| var keys = Object.keys(polls); | |
| keys.forEach(function(key) { | |
| dispersions[key] = 0; | |
| polls[key].data.sort(function(x, y) { | |
| return d3.ascending(x.electNumber, y.electNumber); | |
| }) | |
| polls.cesko.data.forEach(function(v, i) { | |
| var ceskoNode = polls['cesko'].data[i]; | |
| var pollNode = polls[key].data[i]; | |
| if (!isNaN(ceskoNode.electNumber)) { | |
| if (ceskoNode.votePercent > 0 && pollNode.votePercent > 0) { | |
| dispersions[key] += Math.pow(ceskoNode.votePercent - pollNode.votePercent, 2); | |
| } | |
| } | |
| }) | |
| dispersions[key] = Math.sqrt(dispersions[key]); | |
| if (dispersions[key] > maxDispersion) { | |
| maxDispersion = dispersions[key]; | |
| } | |
| }) | |
| global.dispersions = dispersions; | |
| global.maxDispersion = maxDispersion; | |
| console.log(global); | |
| } | |
| function drawGauge() { | |
| gauge = c3.generate({ | |
| bindto: '.dispersion-info-content', | |
| data: { | |
| columns: [ | |
| ['განსხვავება', global.dispersions[global.currentSource] / (global.maxDispersion + 0.0001) * 100] | |
| ], | |
| type: 'gauge', | |
| }, | |
| tooltip: { | |
| show: false | |
| }, | |
| gauge: { | |
| // label: { | |
| // format: function(value, ratio) { | |
| // return value; | |
| // },min | |
| // show: false // to turn off the min/max labels. | |
| // }, | |
| unit: '', | |
| width: 39 // for adjusting arc thickness | |
| }, | |
| color: { | |
| pattern: ['#60B044', '#F6C600', '#F97600', '#FF0000'], // the three color levels for the percentage values. | |
| threshold: { | |
| // unit: 'value', // percentage is default | |
| // max: 200, // 100 is default | |
| values: [30, 60, 90, 100] | |
| } | |
| }, | |
| size: { | |
| height: 240, | |
| width: 260 | |
| } | |
| }); | |
| gaugeText(); | |
| } | |
| function isSmallScreen() { | |
| return window.innerWidth < 1000; | |
| } | |
| function toggle() { | |
| set('.toggle-lang', global.currentLang); | |
| global.currentLang = global.currentLang == "En" ? "Ge" : 'En'; | |
| localStorage.setItem('lang', global.currentLang); | |
| drawContent(); | |
| gaugeText(); | |
| } | |
| function drawContent() { | |
| clear(); | |
| set('.header', global.texts['header' + global.currentLang]); | |
| var currentSource = global.currentSource; | |
| if (!currentSource) { | |
| currentSource = 'cesko'; | |
| } | |
| gaugeText(); | |
| //addAverage(polls); | |
| draw({ | |
| data: { | |
| children: merge(polls[currentSource]), | |
| votePercent: 1 // without it, circles are overlapping - http://stackoverflow.com/questions/14790340/d3-js-pack-layout-circles-are-overlapping | |
| } | |
| }) | |
| global.currentSource = currentSource; | |
| composePollInfo(); | |
| generateButtons(polls); | |
| get('.' + global.currentSource).disabled = true; | |
| } | |
| function composePollInfo() { | |
| var poll = polls[global.currentSource]; | |
| var lang = global.currentLang; | |
| set('.poll-info .card-title', poll['name' + lang]); | |
| set('.dispersion .card-title', global.texts['dispersionTitle' + lang]); | |
| var pollInfo = "" | |
| if (global.currentSource == "cesko") { | |
| pollInfo += global.texts['ceskoActivity' + lang]; | |
| pollInfo += poll['activity' + lang]; | |
| pollInfo += global.texts['ceskoSummary' + lang]; | |
| } else if (poll.type == "pointOfView" || poll.type == "exitpoll") { | |
| pollInfo += poll['pollDate' + lang]; | |
| } else { | |
| pollInfo += global.texts['pollInfoCount' + lang]; | |
| pollInfo += poll.polled; | |
| pollInfo += global.texts['pollInfoTime' + lang]; | |
| pollInfo += poll['pollDate' + lang]; | |
| } | |
| if (poll.source) { | |
| pollInfo += "<br> <a target='_blank' href='" + poll.source + "'>" + global.texts['pollInfoSource' + lang] + "</a>"; | |
| } | |
| set('.poll-info .poll-info-content', pollInfo); | |
| } | |
| var global = { | |
| transition: null, | |
| currentSource: null, | |
| currentLang: localStorage.getItem('lang'), | |
| defaultRespondentCountIfNotSpecified: 1200, // this is standart number of sociological polls, according to tornike bakakuri | |
| texts: { | |
| headerEn: "Elections 2016", | |
| headerGe: "არჩევნები 2016", | |
| contactGe: "<!--<a target='_blank' href='https://www.facebook.com/polls.ge/'>მოგვწერეთ</a>, სხვა გამოკითხვების დასამატებლად-->", | |
| contactEn: "<!--<a target='_blank' href='https://www.facebook.com/polls.ge/'>Write us </a>, to add more polls-->", | |
| votePercentGe: "პროცენტულობა", | |
| votePercentEn: "Percent", | |
| voteCountGe: "მიღებული ხმები", | |
| voteCountEn: "Votes", | |
| voteTotalGe: "გამოკითხულთა რაოდენობა", | |
| voteTotalEn: "Number of respondents", | |
| pollDateGe: "გამოკითხვის თარიღი", | |
| pollDateEn: "Date of poll", | |
| pollInfoCountGe: "კვლევის განმავლობაში სულ მოსაზრება გამოთქვა ", | |
| pollInfoCountEn: "During the poll, total number of interviewed citizens, was ", | |
| pollInfoTimeGe: "-მა ადამიანმა, გამოკითხვის დრო - ", | |
| pollInfoTimeEn: ". Poll date - ", | |
| pollInfoSourceGe: "<br> ინფორმაციის წყარო", | |
| pollInfoSourceEn: "<br> Information source", | |
| ceskoActivityGe: " დაფიქსირდა არჩევნების ", | |
| ceskoActivityEn: " election activity was ", | |
| ceskoVoteCountGe: ". <br><br> დათვლილია ", | |
| ceskoVoteCountEn: ". <br><br> It's already counted ", | |
| ceskoLastChangeGe: " მოქალაქის ხმა 1814276-დან <br><br> ბოლო განახლების დრო - ", | |
| ceskoLastChangeEn: " vote from 1814276. <br><br> Last update time - ", | |
| ceskoSummaryGe: "<br><br> დათვლილია ხმების 100%, სულ 1759937 ხმა", | |
| ceskoSummaryEn: "<br><br>100 % finished counting votes , counted 1759937 ", | |
| gaugeMinGe: 'ძაან მცირე აცდენა', | |
| gaugeMinEn: 'Very small difference', | |
| gaugeMaxGe: 'ძაან დიდი აცდენა', | |
| gaugeMaxEn: 'Very big difference', | |
| dispersionTitleGe: 'აცდენა ცესკოსგან', | |
| dispersionTitleEn: 'Difference from Cesko ', | |
| }, | |
| partiesInfo: { | |
| '1': { | |
| shortNameGe: "ბურჭულაძე", | |
| nameGe: "პაატა ბურჭულაძე - სახელმწიფო ხალხისთვის", | |
| shortNameEn: "Burchuladze", | |
| nameEn: "Paata Burchuladze ", | |
| color: "#ED1B24" | |
| }, | |
| '3': { | |
| shortNameGe: "ბურჯანაძე", | |
| nameGe: '"ნინო ბურჯანაძე - დემოკრატიული მოძრაობა"', | |
| shortNameEn: "Burjanadze", | |
| nameEn: "Nino Burjanadze - Democratic movement ", | |
| color: '#022EC1' | |
| }, | |
| '4': { | |
| shortNameGe: "ბაღათურია", | |
| nameGe: '"ჯონდი ბაღათურია - ქართული დასი"', | |
| shortNameEn: "Baghaturia", | |
| nameEn: "Nino Burjanadze - Democratic movement ", | |
| color: '#B1241B' | |
| }, | |
| '5': { | |
| shortNameGe: "ნაციონალები", | |
| nameGe: 'ერთიანი ნაციონალური მოძრაობა', | |
| shortNameEn: "Nationals", | |
| nameEn: 'United national movement', | |
| color: '#E4012E' | |
| }, | |
| '6': { | |
| shortNameGe: "რესპუბლიკელები", | |
| nameGe: 'უსუფაშვილი - რესპუბლიკელები', | |
| shortNameEn: "Republicans", | |
| nameEn: "Usupashvili - Republicans", | |
| color: '#F3701E' | |
| }, | |
| '7': { | |
| shortNameGe: "მეჭიაური", | |
| nameGe: 'თამაზ მეჭიაური ერთიანი საქართველოსთვის', | |
| shortNameEn: "Mechiauri", | |
| nameEn: "Tamaz Mechiauri for united Georgia ", | |
| color: '#e5ab87' | |
| }, | |
| '8': { | |
| shortNameGe: "პატრ. ალიანსი", | |
| nameGe: 'დავით თარხან-მოურავი, ირმა ინაშვილი - საქართველოს პატრიოტთა ალიანსი, გაერთიანებული ოპოზიცია', | |
| shortNameEn: "Patr.Aliance", | |
| nameEn: "Patriotic Aliance, United Oposition", | |
| color: '#E1BC63' | |
| }, | |
| '10': { | |
| shortNameGe: "ნათელაშვილი", | |
| nameGe: 'შალვა ნათელაშვილი - საქართველოს ლეიბორისტული პარტია', | |
| shortNameEn: "Natelashvili", | |
| nameEn: "Shalva Natelashvili - Georgian labor party", | |
| color: '#41499A' | |
| }, | |
| '14': { | |
| shortNameGe: "დავით თევზაძე", | |
| nameGe: 'დავით თევზაძე - საქართველოს მშვიდობისათვის', | |
| shortNameEn: "David tevzadze", | |
| nameEn: "David tevzadze - Georgia for peace", | |
| color: '#191F6B' | |
| }, | |
| '19': { | |
| shortNameGe: "თოფაძე", | |
| nameGe: 'თოფაძე - მრეწველები, ჩვენი სამშობლო', | |
| shortNameEn: "Topadze", | |
| nameEn: "Topadze - Industrials, our homeland", | |
| color: '#5F1016' | |
| }, | |
| '23': { | |
| shortNameGe: "სახალხო პარტია", | |
| nameGe: 'ჩვენები - სახალხო პარტია', | |
| shortNameEn: "Public party", | |
| nameEn: "Ours - public party ", | |
| color: '#FECD28' | |
| }, | |
| '25': { | |
| shortNameGe: "მემარცხენეები", | |
| nameGe: 'კახა ძაგანია, სოსო შატბერაშვილი, პაატა ჯიბლაძე, არჩილ ბენიძე - მემარცხენე ალიანსი', | |
| shortNameEn: "Left", | |
| nameEn: "Left wing aliance", | |
| color: '#BBA252' | |
| }, | |
| '26': { | |
| shortNameGe: "ერ. ფორუმი", | |
| nameGe: 'ეროვნული ფორუმი', | |
| shortNameEn: "Forum", | |
| nameEn: "National forum", | |
| color: '#FDDB55' | |
| }, | |
| '27': { | |
| shortNameGe: "ალასანია", | |
| nameGe: 'ირაკლი ალასანია - თავისუფალი დემოკრატები', | |
| shortNameEn: "Alasania", | |
| nameEn: "Irakli Alasania - Free Democrats", | |
| color: '#01308A' | |
| }, | |
| '41': { | |
| shortNameGe: "ოცნება", | |
| nameGe: 'ქართული ოცნება - დემოკრატიული საქართველო', | |
| shortNameEn: "Dream", | |
| nameEn: "Georgian Dream", | |
| color: '#004B91' | |
| }, | |
| 'sxva': { | |
| shortNameGe: "სხვას", | |
| nameGe: 'სხვა', | |
| shortNameEn: "Other", | |
| nameEn: "Other", | |
| color: '#46a812' | |
| }, | |
| 'aravis': { | |
| shortNameGe: "არავის", | |
| nameGe: 'არავის', | |
| shortNameEn: "No one", | |
| nameEn: "No one ", | |
| color: '#aa8ace' | |
| }, | |
| 'argadamiwyvetia': { | |
| shortNameGe: "არ ვიცი", | |
| nameGe: 'არ გადამიწყვეტია', | |
| shortNameEn: "Don't know", | |
| nameEn: "I don't know yet ", | |
| color: '#aab3c1' | |
| }, | |
| 'uari': { | |
| shortNameGe: "უარი", | |
| nameGe: 'უარი პასუხზე', | |
| shortNameEn: "No!", | |
| nameEn: "Don't answered", | |
| color: '#46a812' | |
| } | |
| } | |
| }; | |
| function draw(p) { | |
| var attrs = { | |
| circlePadding: 4, | |
| data: p.data, | |
| selector: selector, | |
| width: window.innerWidth - 20, | |
| height: window.innerHeight - 25, | |
| } | |
| //test | |
| var dynamic = {}; | |
| dynamic.svgWidth = attrs.width; | |
| dynamic.svgHeight = attrs.height - 80; | |
| //#################### LAYOUTS ############### | |
| var layouts = {} | |
| layouts.bubble = d3.layout.pack() | |
| .size([dynamic.svgWidth, dynamic.svgHeight]) | |
| .sort(function(a, b) { | |
| return a.name > b.name | |
| }) | |
| .value(function(d) { | |
| return Math.max(d.votePercent, 0.05); | |
| }) | |
| .padding(attrs.circlePadding); | |
| // ########## DATA GENERATION ########## | |
| var nodes = layouts.bubble.nodes(attrs.data) | |
| .filter(function(d) { | |
| //filtering big parent circles | |
| return !d.children; | |
| }) | |
| //########### DRAWING ############# | |
| //drawing svg | |
| var svg = d3.select(attrs.selector) | |
| .append('svg') | |
| .attr('width', dynamic.svgWidth) | |
| .attr('height', dynamic.svgHeight); | |
| //drawing circles | |
| var circleGroups = svg.selectAll('circle-group') | |
| .data(nodes) | |
| .enter() | |
| .append('g') | |
| .attr('class', 'circle-group') | |
| circleGroups.transition().duration(1000) | |
| .attr('cursor', 'pointer') | |
| .attr('transform', function(d) { | |
| return 'translate(' + d.x + ',' + d.y + ')' | |
| }) | |
| //circle | |
| circleGroups | |
| .append('circle') | |
| .attr('fill', function(d) { | |
| if (d.votePercent == 0) { | |
| return 'none'; | |
| } | |
| return d.party.color; | |
| }) | |
| .attr('class', function(d) { | |
| return 'test' + d.electNumber; | |
| }) | |
| .attr('r', function(d) { | |
| return d.r | |
| }) | |
| //text | |
| circleGroups.append('text') | |
| .attr("dy", ".3em") | |
| .attr("transform", function(d) { | |
| if (d.votePercent >= 1) return "translate(0,-10)"; | |
| }) | |
| .attr('class', 'title') | |
| .style("text-anchor", "middle") | |
| .attr('fill', function(d) { | |
| return 'white' | |
| }) | |
| .text(text) | |
| //text | |
| circleGroups.append('text') | |
| .attr("dy", ".3em") | |
| .attr('class', 'circle-percent') | |
| .attr("transform", "translate(0,15)") | |
| .style("text-anchor", "middle") | |
| .attr('fill', function(d) { | |
| return 'white' | |
| }) | |
| .text(function(d) { | |
| if (isSmallScreen() && d.votePercent < 3.5) { | |
| return ""; | |
| } | |
| if (d.votePercent >= 4) { | |
| return d.votePercent.toFixed(2) + ' %'; | |
| } | |
| if (d.votePercent >= 1.2) { | |
| return d.votePercent.toFixed(1) + ' %'; | |
| } | |
| }) | |
| //######################## TOOLTIP ###################### | |
| circleGroups.on('mouseenter', mouseEnter); | |
| circleGroups.on('mouseleave', mouseLeave); | |
| circleGroups.on('mousemove', mouseMove); | |
| //######################## FUNCTIONS ######################### | |
| function mouseMove(d) { | |
| var y = d3.event.pageY - 200; | |
| var x = d3.event.pageX + 20; | |
| if (isSmallScreen()) { | |
| y -= 500; | |
| } | |
| d3.select('.custom-tooltip').style('top', y + 'px').style('left', x + 'px') | |
| } | |
| function mouseEnter(d) { | |
| var circleGroup = d3.select(this) | |
| .select('circle'); | |
| var countTextReplacer = ""; | |
| var countReplacer = ""; | |
| var tooltipContent = get('.tooltip-template').innerHTML; | |
| tooltipContent = tooltipContent.replace(/#PARTY_COLOR/i, d.party.color); | |
| tooltipContent = tooltipContent.replace(/#PARTY_NAME/i, d.party['name' + global.currentLang]); | |
| tooltipContent = tooltipContent.replace(/#VOTE_PERCENT_TEXT/i, global.texts['votePercent' + global.currentLang]); | |
| tooltipContent = tooltipContent.replace(/#VOTE_PERCENT/i, d.votePercent.toFixed(2)); | |
| if (polls[global.currentSource].type != 'exitpoll') { | |
| countTextReplacer = global.texts['voteCount' + global.currentLang]; | |
| countReplacer = (polls[global.currentSource].polled * d.votePercent / 100).toFixed(0); | |
| } | |
| tooltipContent = tooltipContent.replace(/#VOTE_COUNT_TEXT/i, countTextReplacer); | |
| tooltipContent = tooltipContent.replace(/#VOTE_COUNT/i, countReplacer); | |
| set('.custom-tooltip', tooltipContent); | |
| d3.select('.custom-tooltip').transition().style('opacity', 1) | |
| circleGroup.attr('stroke', '#82b1ff') | |
| .attr('stroke-width', 10); | |
| } | |
| function mouseLeave() { | |
| var circleGroup = d3.select(this). | |
| select('circle'); | |
| circleGroup.attr('stroke', 'none') | |
| .attr('stroke-width', 0); | |
| d3.select('.custom-tooltip') | |
| .transition() | |
| .style('opacity', 0.1) | |
| .each('end', function() { | |
| get('.custom-tooltip').innerHTML = ""; | |
| }); | |
| } | |
| function text(d) { | |
| var smallScreen = isSmallScreen(); | |
| var n = ''; | |
| var electNumber = ""; | |
| if (!isNaN(d.electNumber)) { | |
| electNumber = d.electNumber + ". "; | |
| n = 'N '; | |
| } | |
| if (d.votePercent > 30) { | |
| return n + electNumber + d.party['shortName' + global.currentLang]; | |
| } | |
| if (d.votePercent > 1 && isNaN(d.electNumber)) { | |
| return d.party['shortName' + global.currentLang]; | |
| } | |
| if (d.votePercent <= 1.2) { | |
| return ""; | |
| } | |
| if (smallScreen) { | |
| if (d.votePercent > 5 && !isNaN(d.electNumber)) { | |
| return 'N ' + d.electNumber; | |
| } | |
| if (d.votePercent < 3) { | |
| return ""; | |
| } | |
| } else { | |
| if (d.votePercent > 11) { | |
| return electNumber + d.party['shortName' + global.currentLang]; | |
| } | |
| if (isNaN(d.electNumber)) { | |
| return "" | |
| } | |
| if (d.votePercent > 2) { | |
| return 'N ' + d.electNumber; | |
| } | |
| if (d.votePercent > 0.4) { | |
| return 'N ' + d.electNumber; | |
| } | |
| } | |
| } | |
| global.transition = function(source) { | |
| if (global.currentSource == source) { | |
| return; | |
| } | |
| get('.' + global.currentSource).disabled = false; | |
| global.currentSource = source; | |
| get('.' + global.currentSource).disabled = true; | |
| gauge.load({ | |
| columns: [ | |
| [global.difference, global.dispersions[global.currentSource] / (global.maxDispersion + 0.0001) * 100] | |
| ] | |
| }); | |
| gaugeText(); | |
| d3.select('.c3-gauge-value').text(''); | |
| composePollInfo(); | |
| var newNodes = layouts.bubble.nodes({ | |
| children: merge(polls[source]), | |
| votePercent: 1 | |
| }) | |
| .filter(function(d) { | |
| //filtering big parent circles | |
| return !d.children; | |
| }) | |
| var newCircleGroup = svg.selectAll('.circle-group') | |
| .data(newNodes) | |
| newCircleGroup.transition() | |
| .duration(1000) | |
| .attr('transform', function(d) { | |
| return 'translate(' + d.x + ',' + d.y + ')' | |
| }) | |
| newCircleGroup.select('circle') | |
| .attr('fill', function(d) { | |
| return d.party.color; | |
| }) | |
| .transition() | |
| .duration(1000) | |
| .attr('r', function(d) { | |
| return d.r | |
| }).delay(1000) | |
| newCircleGroup.select('circle') | |
| .transition() | |
| .delay(2000) | |
| .attr('fill', function(d) { | |
| if (d.votePercent == 0) { | |
| return "none"; | |
| } | |
| return d.party.color; | |
| }) | |
| newCircleGroup.select('.title') | |
| .attr("dy", ".3em") | |
| .attr("transform", function(d) { | |
| if (d.votePercent >= 1) return "translate(0,-10)"; | |
| }) | |
| .style("text-anchor", "middle") | |
| .attr('fill-opacity', 0) | |
| .text(text) | |
| .transition() | |
| .duration(1000) | |
| .attr('fill-opacity', 1) | |
| newCircleGroup.select('.circle-percent') | |
| .attr("dy", ".3em") | |
| .attr("transform", "translate(0,15)") | |
| .style("text-anchor", "middle") | |
| .attr('fill-opacity', 0) | |
| .text(function(d) { | |
| if (d.votePercent >= 4) { | |
| return d.votePercent.toFixed(2) + ' %'; | |
| } | |
| if (d.votePercent >= 1.2) { | |
| return d.votePercent.toFixed(1) + ' %'; | |
| } | |
| }) | |
| .transition() | |
| .duration(1000) | |
| .attr('fill-opacity', 1) | |
| } | |
| } | |
| var polls = { | |
| "cesko": { | |
| "nameGe": "ცესკო შედეგები", | |
| "nameEn": "cesko results", | |
| "polled": 1759937, //1814276, | |
| "pollDateGe": '10 ოქტომბერი დილის 1-ლი სთ.', | |
| "pollDateEn": '10 october 1 a.m. ', | |
| "activityEn": "51.63% ", | |
| "activityGe": "51.63% - იანი აქტივობა ", | |
| "type": "results", | |
| "source": "http://results.cec.gov.ge/#", | |
| "data": [{ | |
| "electNumber": "1", | |
| "votePercent": 3.45 | |
| }, { | |
| "electNumber": "3", | |
| "votePercent": 3.53 | |
| }, { | |
| "electNumber": "4", | |
| "votePercent": 0.13 | |
| }, { | |
| "electNumber": "5", | |
| "votePercent": 27.11 | |
| }, { | |
| "electNumber": "6", | |
| "votePercent": 1.55 | |
| }, { | |
| "electNumber": "7", | |
| "votePercent": 0.16 | |
| }, { | |
| "electNumber": "8", | |
| "votePercent": 5.01 | |
| }, { | |
| "electNumber": "10", | |
| "votePercent": 3.14 | |
| }, { | |
| "electNumber": "14", | |
| "votePercent": 0.22 | |
| }, { | |
| "electNumber": "19", | |
| "votePercent": 0.78 | |
| }, { | |
| "electNumber": "23", | |
| "votePercent": 0.09 | |
| }, { | |
| "electNumber": "25", | |
| "votePercent": 0.04 | |
| }, { | |
| "electNumber": "26", | |
| "votePercent": 0.73 | |
| }, { | |
| "electNumber": "27", | |
| "votePercent": 4.62 | |
| }, { | |
| "electNumber": "41", | |
| "votePercent": 48.67 | |
| }, { | |
| "electNumber": "sxva", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "aravis", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "argadamiwyvetia", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "uari", | |
| "votePercent": 0 | |
| }] | |
| }, | |
| "tns": { | |
| "nameGe": "TNS ეგზიტპოლი (GDS,მაესტრო, იმედი,1tv)", | |
| "nameEn": "TNS exitpoll (GDS, maestro,imedi,1tv)", | |
| "polled": 0, | |
| "pollDateGe": '8 ოქტომბერი', | |
| "pollDateEn": '8 october', | |
| "source": "http://www.interpressnews.ge/ge/skhva/401340-tns-opinion-is-egzitpolis-pirveladi-shedegebis-thanakhmad-amomrcheveltha-538-mkhars-qarthul-ocnebas-utcers-kholo-195-qnacionaluri-modzraobasq.html", | |
| "type": "exitpoll", | |
| "data": [{ | |
| "electNumber": "1", | |
| "votePercent": 2.7 | |
| }, { | |
| "electNumber": "3", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "4", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "5", | |
| "votePercent": 19.5 | |
| }, { | |
| "electNumber": "6", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "7", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "8", | |
| "votePercent": 5 | |
| }, { | |
| "electNumber": "10", | |
| "votePercent": 3.1 | |
| }, { | |
| "electNumber": "14", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "19", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "23", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "25", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "26", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "27", | |
| "votePercent": 4 | |
| }, { | |
| "electNumber": "41", | |
| "votePercent": 53.8 | |
| }, { | |
| "electNumber": "sxva", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "aravis", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "argadamiwyvetia", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "uari", | |
| "votePercent": 0 | |
| }] | |
| }, | |
| "gfkexit": { | |
| "nameGe": "GFK-ს ეგზიტპოლი (რუსთავი2)", | |
| "nameEn": "GFK Exitpoll (Rustavi2)", | |
| "polled": 0, | |
| "pollDateGe": '8 ოქტომბერი', | |
| "pollDateEn": '8 october', | |
| "type": "exitpoll", | |
| "source": "http://www.interpressnews.ge/ge/skhva/401339-gfk-is-egzitpolis-pirveladi-shedegebith-qarthul-ocnebas-amomrcheveltha-399-ma-nacionalur-modzraobas-ki-3274-ma-dautcira-mkhari.html", | |
| "data": [{ | |
| "electNumber": "1", | |
| "votePercent": 3.25 | |
| }, { | |
| "electNumber": "3", | |
| "votePercent": 2.81 | |
| }, { | |
| "electNumber": "4", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "5", | |
| "votePercent": 32.74 | |
| }, { | |
| "electNumber": "6", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "7", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "8", | |
| "votePercent": 5.76 | |
| }, { | |
| "electNumber": "10", | |
| "votePercent": 4.21 | |
| }, { | |
| "electNumber": "14", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "19", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "23", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "25", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "26", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "27", | |
| "votePercent": 3.21 | |
| }, { | |
| "electNumber": "41", | |
| "votePercent": 39.9 | |
| }, { | |
| "electNumber": "sxva", | |
| "votePercent": 8.12 | |
| }, { | |
| "electNumber": "aravis", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "argadamiwyvetia", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "uari", | |
| "votePercent": 0 | |
| }] | |
| }, | |
| /* | |
| "average": { | |
| "nameGe": 'გამოკითხვათა შეჯამება', | |
| "nameEn": 'Polls summary', | |
| "pollDateGe": '7 სექტემბრიდან დღემდე', | |
| "pollDateEn": 'From 7 sept. ', | |
| "polled": 0, | |
| }, | |
| */ | |
| "wpa": { | |
| "nameGe": "სოციოლოგიური კომპანია WPA", | |
| "nameEn": "Sociological company WPA", | |
| "polled": 1329, | |
| "pollDateGe": '7-11 სექტემბერი', | |
| "pollDateEn": '7-11 September', | |
| "type": "poll", | |
| "source": "http://www.interpressnews.ge/ge/sazogadoeba/398603-wpa-s-kvlevis-thanakhmad-gamokithkhultha-25-mkhars-utcers-qarthul-ocnebas-kholo-16-patriottha-alianss.html?ar=A", | |
| "data": [{ | |
| "electNumber": "1", | |
| "votePercent": 1 | |
| }, { | |
| "electNumber": "3", | |
| "votePercent": 3 | |
| }, { | |
| "electNumber": "4", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "5", | |
| "votePercent": 12 | |
| }, { | |
| "electNumber": "6", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "7", | |
| "votePercent": 1 | |
| }, { | |
| "electNumber": "8", | |
| "votePercent": 16 | |
| }, { | |
| "electNumber": "10", | |
| "votePercent": 4 | |
| }, { | |
| "electNumber": "14", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "19", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "23", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "25", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "26", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "27", | |
| "votePercent": 2 | |
| }, { | |
| "electNumber": "41", | |
| "votePercent": 25 | |
| }, { | |
| "electNumber": "sxva", | |
| "votePercent": 1 | |
| }, { | |
| "electNumber": "aravis", | |
| "votePercent": 16 | |
| }, { | |
| "electNumber": "argadamiwyvetia", | |
| "votePercent": 18 | |
| }, { | |
| "electNumber": "uari", | |
| "votePercent": 0 | |
| }] | |
| }, | |
| "NDI": { | |
| "nameGe": "NDI საქართველო", | |
| "nameEn": "NDI Georgia", | |
| "polled": 4113, | |
| "pollDateGe": '8 ივნ - 6 ივლ.', | |
| "pollDateEn": '8 jun - 6 jul.', | |
| "type": "poll", | |
| "source": "https://www.ndi.org/files/Public-Attitude-Findings-Georgian.pdf", | |
| "data": [{ | |
| "electNumber": "1", | |
| "votePercent": 4 | |
| }, { | |
| "electNumber": "3", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "4", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "5", | |
| "votePercent": 14 | |
| }, { | |
| "electNumber": "6", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "7", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "8", | |
| "votePercent": 4 | |
| }, { | |
| "electNumber": "10", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "14", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "19", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "23", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "25", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "26", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "27", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "41", | |
| "votePercent": 19 | |
| }, { | |
| "electNumber": "sxva", | |
| "votePercent": 7 | |
| }, { | |
| "electNumber": "aravis", | |
| "votePercent": 8 | |
| }, { | |
| "electNumber": "argadamiwyvetia", | |
| "votePercent": 38 | |
| }, { | |
| "electNumber": "uari", | |
| "votePercent": 13 | |
| }] | |
| }, | |
| "imedi": { | |
| "nameGe": "TV იმედი - GPM", | |
| "nameEn": "TV Imedi - GPM", | |
| "polled": 1199, | |
| "pollDateGe": '27 სექ. - 3 ოქტ', | |
| "pollDateEn": '27 sep - 3 oct.', | |
| "type": "poll", | |
| "source": "http://liberali.ge/news/view/25011/imedis-kvleva-qartuli-otsneba--36-ertiani-natsionaluri-modzraoba-13", | |
| "data": [{ | |
| "electNumber": "1", | |
| "votePercent": 2 | |
| }, { | |
| "electNumber": "3", | |
| "votePercent": 2 | |
| }, { | |
| "electNumber": "4", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "5", | |
| "votePercent": 13 | |
| }, { | |
| "electNumber": "6", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "7", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "8", | |
| "votePercent": 2 | |
| }, { | |
| "electNumber": "10", | |
| "votePercent": 3 | |
| }, { | |
| "electNumber": "14", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "19", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "23", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "25", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "26", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "27", | |
| "votePercent": 4 | |
| }, { | |
| "electNumber": "41", | |
| "votePercent": 36 | |
| }, { | |
| "electNumber": "sxva", | |
| "votePercent": 2 | |
| }, { | |
| "electNumber": "aravis", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "argadamiwyvetia", | |
| "votePercent": 36 | |
| }, { | |
| "electNumber": "uari", | |
| "votePercent": 0 | |
| }] | |
| }, | |
| "rustavi2": { | |
| "nameGe": "რუსთავი2 - GFK", | |
| "nameEn": "Rustavi2 - GFK", | |
| "polled": global.defaultRespondentCountIfNotSpecified, | |
| "pollDateGe": 'ოქტომბრის განმავლობაში', | |
| "pollDateEn": 'during october', | |
| "type": "poll", | |
| "source": "http://factcheck.ge/article/qhvela-gamokithkhva-erthad-partiebis-tsinasaarchevno-reitingebi/", | |
| "data": [{ | |
| "electNumber": "1", | |
| "votePercent": 2.6 | |
| }, { | |
| "electNumber": "3", | |
| "votePercent": 1.5 | |
| }, { | |
| "electNumber": "4", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "5", | |
| "votePercent": 26 | |
| }, { | |
| "electNumber": "6", | |
| "votePercent": 0.7 | |
| }, { | |
| "electNumber": "7", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "8", | |
| "votePercent": 1.5 | |
| }, { | |
| "electNumber": "10", | |
| "votePercent": 3.8 | |
| }, { | |
| "electNumber": "14", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "19", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "23", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "25", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "26", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "27", | |
| "votePercent": 3.6 | |
| }, { | |
| "electNumber": "41", | |
| "votePercent": 25.4 | |
| }, { | |
| "electNumber": "sxva", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "aravis", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "argadamiwyvetia", | |
| "votePercent": 35 | |
| }, { | |
| "electNumber": "uari", | |
| "votePercent": 0 | |
| }] | |
| }, | |
| "experts": { | |
| "nameGe": "ექსპერტთა გამოკითხვა", | |
| "nameEn": "Expert polls", | |
| "polled": 0, | |
| "pollDateGe": '22-29 სექ.', | |
| "pollDateEn": '22-29 sep', | |
| "source": "http://netgazeti.ge/news/144856/", | |
| "type": "pointOfView", | |
| "data": [{ | |
| "electNumber": "1", | |
| "votePercent": 9 | |
| }, { | |
| "electNumber": "3", | |
| "votePercent": 4 | |
| }, { | |
| "electNumber": "4", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "5", | |
| "votePercent": 26 | |
| }, { | |
| "electNumber": "6", | |
| "votePercent": 5 | |
| }, { | |
| "electNumber": "7", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "8", | |
| "votePercent": 6 | |
| }, { | |
| "electNumber": "10", | |
| "votePercent": 3 | |
| }, { | |
| "electNumber": "14", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "19", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "23", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "25", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "26", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "27", | |
| "votePercent": 7 | |
| }, { | |
| "electNumber": "41", | |
| "votePercent": 36 | |
| }, { | |
| "electNumber": "sxva", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "aravis", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "argadamiwyvetia", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "uari", | |
| "votePercent": 0 | |
| }] | |
| }, | |
| /* | |
| "test": { | |
| "nameGe": "test", | |
| "nameEn": "test", | |
| "polled": 0, | |
| "pollDateGe": '27 სექ. - 3 ოქტ', | |
| "pollDateEn": '27 sep - 3 oct.', | |
| "source": "", | |
| "data": [{ | |
| "electNumber": "1", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "3", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "4", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "5", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "6", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "7", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "8", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "10", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "14", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "19", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "23", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "25", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "26", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "27", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "41", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "sxva", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "aravis", | |
| "votePercent": 0 | |
| }, { | |
| "electNumber": "argadamiwyvetia", | |
| "votePercent": 0 | |
| },{ | |
| "electNumber": "uari", | |
| "votePercent": 0 | |
| }] | |
| }, | |
| */ | |
| } | |
| function merge(poll) { | |
| var data = poll.data; | |
| data.forEach(function(d) { | |
| d.party = global.partiesInfo[d.electNumber] | |
| }) | |
| /* | |
| if(poll.type=='exitpoll' || poll.type=='results'){ | |
| data = data.filter(function(d){ | |
| return !isNaN(d.electNumber) | |
| }) | |
| } | |
| */ | |
| return data; | |
| } | |
| /* | |
| function addAverage(polls) { | |
| var keys = Object.keys(polls); | |
| var partiesInfoKeys = Object.keys(global.partiesInfo); | |
| var total = 0 | |
| keys.forEach(function(k) { | |
| if (polls[k].type == "poll") total += polls[k].polled; | |
| }); | |
| polls.average.polled = total; | |
| polls.average.data = partiesInfoKeys.map(function(pk, i) { | |
| var poll = { | |
| electNumber: pk, | |
| }; | |
| var voted = 0; | |
| keys.forEach(function(k) { | |
| if (polls[k].type == "poll") { | |
| voted += polls[k].data[i].votePercent * polls[k].polled; | |
| console.log(polls[k].data[i].electNumber == pk); // all output must be true | |
| } | |
| }) | |
| poll.votePercent = voted / polls.average.polled; | |
| return poll; | |
| }) | |
| } | |
| */ | |
| function generateButtons(polls) { | |
| var contact = ' <div class="contact"> </div>'; | |
| var keys = Object.keys(polls); | |
| var buttons = keys.map(function(key) { | |
| var btnClass = " deep-purple lighten-2 "; | |
| if (key == "average") btnClass = " teal darken-2 "; | |
| if (key == "cesko") btnClass = " cesko-color " | |
| if(polls[key].type=="exitpoll") btnClass=' blue lighten-1 '; | |
| return "<br><button class=' waves-effect waves-light btn " + btnClass + key + "' onclick=\"global.transition(" + "'" + key + "'" + ")\">" + polls[key]['name' + global.currentLang] + "</button>"; | |
| }).join(''); | |
| set('.buttons', contact + buttons); | |
| set('.contact', global.texts['contact' + global.currentLang]); | |
| } | |
| function set(selector, content) { | |
| document.querySelector(selector).innerHTML = content; | |
| } | |
| function get(selector) { | |
| return document.querySelector(selector); | |
| } | |
| function clear() { | |
| set('#graphContent', ''); | |
| set('.buttons', ''); | |
| } | |
| function gaugeText() { | |
| d3.select('.c3-chart-arcs-gauge-min').text(global.texts['gaugeMin' + global.currentLang]).attr('transform', 'translate(25,0)'); | |
| d3.select('.c3-chart-arcs-gauge-max').text(global.texts['gaugeMax' + global.currentLang]).attr('transform', 'translate(-25,0)'); | |
| } | |
| drawContent(); | |
| extractDispersion() | |
| drawGauge(); | |
| </script> | |
| </body> | |
| </html> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment