words2

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Альтернативные кандидаты</title>
 
<script src="d3.v3.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@1.29.5/d3.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@1.29.5/d3.geom.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@1.29.5/d3.layout.js"></script>
   <script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
    <style type="text/css">
 
.g-buttons {
 font-family: Lucida Sans Unicode;
  margin: 20px 0 0px 40px;
  
}
 
.g-buttons .g-button {
  border: solid 1px #ddd;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
   height: 36px;
   width: 100px;
}
 
.g-buttons .g-button:hover {
  border-color: #ccc;
  border-bottom-color: #bbb;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
  color: #666;
}
 
.g-button {
  background: #fff;
  border: none;
  border-radius: 3px;
  border-bottom-color: #ccc;
  color: #888;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  margin: 0 -1px 0 0;
  padding: 4px 8px;
  white-space: nowrap;
}
 
.g-buttons .g-button.g-active,
.g-buttons .g-button:active {
  background: #f0f0f0;
  border-color: #ccc;
  border-top-color: #bbb;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  color: #222;
  
}
 
.g-buttons .g-button:first-child {
  border-radius: 5px 0 0 5px;
     position:absolute;
    top:620px;
   left:350px;
}
.g-buttons .g-button:nth-child(2) {
  border-radius: 0 5px 5px 0;
  margin-left: -5px;
     position:absolute;
    top:620px;
   left:455px;
 }
 .g-buttons .g-button:nth-child(3) {
  border-radius: 0 0 0 0;
  margin-left: -5px;
     position:absolute;
    top:700px;
   left:215px;
 }
 .g-buttons .g-button:nth-child(4) {
  border-radius: 0 0 0 0;
  margin-left: -5px;
     position:absolute;
    top:700px;
   left:315px;
 }
 .g-buttons .g-button:nth-child(5) {
  border-radius: 0 0 0 0;
  margin-left: -5px;
     position:absolute;
    top:700px;
   left:415px;
 }
  .g-buttons .g-button:nth-child(6) {
  border-radius: 0 0 0 0;
  margin-left: -5px;
     position:absolute;
    top:700px;
   left:515px;
 }
  .g-buttons .g-button:nth-child(7) {
  border-radius: 0 0 0 0;
  margin-left: -5px;
     position:absolute;
    top:700px;
   left:615px;
 }
.g-buttons .g-button:focus {
  z-index: 3;
}
 
.g-buttons .g-button.g-active {
  z-index: 2;
}
 
node {
  fill: #1f77b4;
  stroke: black;
  stroke-width: 1px;}
 
text {
  pointer-events: none;
}
 
text.shadow {
  stroke: #fff;
  stroke-width: 3px;
  stroke-opacity: .8;
}
 
.node text {
  pointer-events: none;
  font: 10px sans-serif;
}
.link {
  fill: none;
  stroke: #666;
  stroke-width: 1px;
}
 .buttons_share {
  display: inline-block;
  }
  #tooltip {
font-family: Century Gothic;
  color: #222; 
  background: #fff; 
  padding: .15em; 
  width:310px;
  text-shadow: #f5f5f5 0 2px 0;
  border-radius: 0px;
border: 2px solid orange;  
   opacity: .9; 
  position: absolute;
  text-align:  left;
   font-size: 11px;
    height: 36px;
   
      }
.hidden {
        display: none;
      }
      #tooltip p {
        margin: 0;
        font-family: Lucida Sans Unicode;
        font-size: 10px;
        color:grey;
      }
  
 
#annotation_poroh
{width: 340px;
        top: 700px;
        left: 20px;
margin: 0;
        font-family:georgia;
        font-size: 12px;
        position: absolute;
        border-radius: 0px;
        opacity:.8; 
line-height: 1.5;
}
 
#annotation_yanyk, #annotation_huilo
{width: 340px;
        top: 700px;
        left: 500px;
margin: 0;
        font-family:georgia;
        font-size: 12px;
        position: absolute;
        border-radius: 0px;
        opacity:.8;    
line-height: 1.5;
}
.texts{ font-family:Century Gothic;}
    </style>
  </head>
  <body>
<div class="g-buttons">
<button id="yanykov" class="g-button">Янукович</button>
<button id="huilo" class="g-button">Путин</button>
</div>
 
<div id="annotation_poroh" class="">    
<div style="font-weight: bold;">Петр Порошенко, 2014 год </div>
 <p></p>
Дорогі співвітчизники, від Львова до Донецька, від Чернігова до Севастополя!
<p></p>
Ми, українці, "живий вогник у сім’ї європейських народів і діяльні співробітники європейської цивілізаційної праці". Так казав Іван Франко.
<p></p>
"Стояти ногами й серцем на Україні, свої голови держати в Європі", - заповідав Михайло Драгоманов.
<p></p>
Повернення України до свого природного, європейського, стану було омріяне багатьма поколіннями. Диктатура, що панувала останніми роками в Україні, прагнула позбавити нас цієї перспективи - народ повстав.
<p></p>
Переможна Революція гідності змінила не лише владу. Країна зробилася інакшою. Іншими стали люди. Настав час невідворотних позитивних змін. Щоб запровадити їх, нам необхідні в першу чергу мир, безпека та єдність.
<p></p>
На заваді колосальних можливостей, які з падінням тиранії відкрилися для європейської модернізації України, стала справжня війна, спланована і розв’язана на українському Донбасі. Досі багато хто думав, начебто Незалежність дісталася нам без жодних зусиль.
<p></p>
Це - неправда! За нашу незалежність, самостійність боролися цілі покоління українських патріотів. За неї полягли герої Небесної сотні. За неї гинуть українські воїни та мирні громадяни. Прошу вшанувати хвилиною мовчання пам’ять всіх, хто поліг за волю й незалежність України.
<p></p>
Хвилина мовчання
<p></p>
Я йду на посаду Президента, щоб зберегти і зміцнити єдність України. Забезпечити тривалий мир і гарантувати надійну безпеку. Знаю: мир - найголовніше, чого прагне сьогодні український народ. У глави держави - широкий вибір різноманітних інструментів для забезпечення територіальної цілісності України і мирного життя громадян. Повноважень і рішучості не забракне. Я не хочу війни. Я не прагну помсти. Хоча перед очима - великі жертви, принесені українським народом. Я прагну миру і доб’юся єдності України. Тому розпочинаю свою роботу з пропозиції мирного плану.
<p></p>
Наполегливо закликаю всіх, хто незаконно взяв до рук зброю, скласти її. У відповідь гарантую, по-перше, звільнення від кримінальної відповідальності тих, на чиїх руках не має крові українських воїнів та мирних людей. І тих, хто не причетний до фінансування тероризму.
<p></p>
По-друге - контрольований коридор для російських найманців, які захочуть повернутися додому. По-третє, мирний діалог.
<p></p>
Зрозуміло, що не зі "стрєлкамі", "абвєрамі", "бєсамі" чи іншою нечистю. Йдеться про діалог з мирними громадянами України. Навіть з тими, хто дотримується інших, ніж я, поглядів на майбутнє країни. Сьогодні окремо хочу звернутися до співвітчизників з Донеччини та Луганщини.
<p></p>
Дорогие наши братья и сестры, сограждане!
<p></p>
Многие из вас уже успели ощутить на себе "прелести" правления террористов. Они, помимо мародерства и издевательства над мирными гражданами, привели и без того кризисную экономику региона на грань полной катастрофы. Но мы ни при каких обстоятельствах не оставим вас в беде.
<p></p>
Всенародные выборы Президента поставили жирный крест на мифе о якобы нелегитимной киевской власти. Этот миф посеян и взращен российской пропагандой и кланом Януковича, который предал Донбасс и ограбил его еще в большей степени, чем всю страну. Донецкой областью он безраздельно правил 17 лет. А тепер финансирует террористов. Именно он несет полную ответственность за политическую и социально-экономическую ситуацию, в которой оказался регион. И за безработицу, и за бедность, и за беженцев. И за убитых граждан, и за слезы матерей.
<p></p>
С чем я как Президент приеду к вам в самое ближайшее время? С миром. С проектом децентрализации власти. С гарантией свободного использования в Вашем регионе русского языка. С твердым намерением не делить украинцев на правильных и неправильных. С уважительным отношением к специфике регионов. К праву местных громад на свои нюансы в вопросах исторической памяти, пантеона героев, религиозных традиций. С проработанным еще до выборов совместным проектом с нашими партнерами из Евросоюза по созданию рабочих мест на Востоке Украины. С перспективой инвестиций, с проектом программы по экономической реконструкции Донбасса.
<p></p>
Сегодня нам нужен легитимный партнер по диалогу. Говорить с бандитами мы не будем. А действующие местные депутаты уже никого не представляют. И мы готовы огласить досрочные местные выборы на Донбассе.
<p></p>
Такий мій мирний план для Донбасу та всієї країни. Дискусії не підлягає питання про территоріальну цілісність України. Щойно я присягнув "усіма своїми справами боронити суверенітет і незалежність України", і завжди буду вірний цій святій обітниці.
<p></p>
Кількість людей, з якими мав честь поспілкуватися під час виборчої кампанії, - перевищив мільйон. Україна - різноманітна, але вона сильна духом і духом єдина! Прагнення до миру та соборності нашої держави домінує в усіх областях України.Я глибоко вражений патріотизмом мешканців південних та східних українськими областей від Одещини до Харківщини.
<p></p>
Мир ще не настав, але вже сьогодні ми твердо можемо сказати, що важкі випробування об’єднали українську родину. Вони зміцнили нас як українську політичну націю, впевнену у своєму європейському виборі. Наш народ ніколи не був таким сильним, як тепер. Але свобода не дається раз і назавжди. За неї треба постійно боротися.
<p></p>
Мир, якого ми сподіваємося досягти найближчим часом, не буде тривалим, якщо ми належним чином не зміцнимо нашу безпеку. Щоб мир став довготривалим, нам слід призвичаїтися до життя в умовах постійної бойової готовності. Ми повинні тримати порох сухим.
<p></p>
Армія та її переозброєння зусиллями вітчизняного військово-промислового комплексу - це наш найголовніший пріоритет. Більше того, завантаження державними замовленнями підприємств ВПК дасть поштовх реіндустріалізації економіки. Хто шкодує коштів годувати свої збройні сили, той годує чужу армію. А наша армія повинна стати справжньою елітою українства. Слово генерал має асоціюватися не зі словом "корупція", а зі словом "герой".
<p></p>
Все, від чого залежить забезпечення стійкого миру та безпеки України, ми повинні зробити своїми силами. Найнадійніші наші союзники і найкращі гаранти миру - армія, флот, Нацгвардія та професійні спецслужби! Ніхто нас не захищатиме, доки ми не навчимось оборонятися самі.
<p></p>
Я використаю свій дипломатичний досвід, щоб забезпечити підписання міжнародного договору, який прийшов би на заміну Будапештському меморандуму. Такий договір має надати прямі та надійні гарантії миру та безпеки - аж до військової підтримки в разі загрози територіальній цілісності. Будь-який агресор на кордоні України має згадати Євангельську мудрість: хто з мечем прийде, той від меча і загине!
<p></p>
Громадяни України не зможуть відчувати блага миру та безпеки, доки ми не врегулюємо наші відносини з Росією. Росія окупувала Крим, який був, є і буде українським. Вчора під час зустрічі в Нормандії я саме так і сказав Президенту Путіну - Крим є українським. І крапка. Ні з ким не може бути компромісу в питаннях Криму, європейського вибору і державного устрою. А все інше повинно обговорюватися і вирішуватися за столом переговорів.
<p></p>
Будь-які спроби зовнішнього і внутрішнього поневолення українців - зустрічають і зустрінуть найрішучішу відсіч. Ми хочемо бути вільними. А жити по-новому - це і означає жити вільно в умовах такої політичної системи, яка гарантує права та свободи людини і нації. Хотів би наголосити на відданості ідеї парламентсько-президентської республіки. Ніякої узурпації влади!
<p></p>
Європейська демократія для мене - найкращий спосіб державного правління, винайдений людством. Саме європейський досвід підказує нам, що значну частину повноважень вже зараз треба делегувати з центру місцевим органам влади. Реформа щодо децентралізації розпочнеться вже цього року змінами до Конституції.
<p></p>
Нові повноваження отримають новообрані місцеві Ради. Але Україна була, є й буде унітарною державою. Марення про федерацію не має ґрунту в Україні. Важливою частиною суспільного запиту на повне перезавантаження влади є дострокові вибори парламенту.
<p></p>
Давайте будемо відвертими. Чинний склад цього шановного зібрання не відповідає настроям суспільства. Бо воно суттєво змінилося у 2012 році. А жити по-новому означає не нехтувати волею народу.
<p></p>
Жити вільно - означає вільно користуватися рідною мовою. Керуватимуся статтею 10 Конституції. Вона визначає українську мову як єдину державну, але гарантує вільний розвиток російській та іншим мовам. Слово "праця", як і "мир", "зарплата", "пенсія", "стипендія" звучать однаково або дуже подібно, що українською, що російською.
<p></p>
Наявність роботи - це те, що дає людині можливість жити безбідно. Найбільше професійне задоволення я досі отримував саме від створення нових робочих місць. Що може втішати людину більше, як праця та гідна зарплата за неї? Робочі місця мають організовувати підприємці. А от справа глави держави - це забезпечення таких умов, коли ніхто і ніщо не заважає працювати.
<p></p>
Держава цінуватиме вклад роботодавця та платника податків в економіку та соціальну сферу. Забезпечення людей роботою та гідною оплатою - це перша гарантія внутрішнього миру та національної безпеки.
<p></p>
Хоча управління економічними процесами належить до компетенції вільного ринку або Уряду, Президент як гарант Конституції зобов’язаний забезпечити умови для інноваційної економіки та соціальної справедливості.
<p></p>
Справедливий розподіл національного багатства - це нагальна вимога часу. Але перш ніж національне багатство ділити, його треба примножити. Україна має все необхідне, щоб забезпечити людям європейський добробут.
<p></p>
Ми вміємо і хочемо жити власною працею, здатні бути творчими та інноваційними. Ми вже навіть вчимося не заздрити успіху сусіда чи колеги. Але ми й досі пасемо задніх. Чому? Тому що на відміну від нас країни європейської спільноти побудували економіку вільної конкуренції. Нових ідей, ділової ініціативи, наполегливої праці, постійного самовдосконалення. Так буде і в Україні.
<p></p>
Але для цього треба знищити корупцію. Нам потрібен загальнонаціональний антикорупційний пакт між владою та народом. Суть його проста: чиновники не беруть, а люди - не дають. Ми не зможемо змінити країну, якщо не змінимо себе, своє ставлення до власного життя і до життя цілої держави.
<p></p>
В тому, що Україна прийшла до кризи державності, є частка відповідальності кожного з нас. Хтось вважав нормою не сплачувати податки. Хтось розкошував за державний рахунок. Хтось голосував і мітингував за гроші. Хтось отримував незаслужені пільги і нагороди. А всі разом руйнували фундамент суспільної довіри, засади права й суспільної організації.
<p></p>
Європейський вибір України - це серце нашого національного ідеалу. Це вибір, зроблений нашими предками і пророками. А що нам треба конкретно зробити, щоб жити вільно, жити безбідно, жити в мирі і безпеці? Це все написано в угоді про політичну асоціацію та зону вільної торгівлі з Євросоюзом.
<p></p>
Ми разом докладали зусиль до цього документу. Тепер мрію втілити його в життя, а для цього нам треба якнайшвидше підписати економічну частину угоди. Моя ручка - вже в руках, і як тільки ЄС ухвалить відповідне рішення, підпис українського Президента миттєво з’явиться під цим доленосним документом.
<p></p>
Ми не маємо права зволікати із підписанням економічної частини угоди. Те ж саме стосується і якнайшвидшого запровадження безвізового режиму для України з ЄС. Ми завершили перший етап і дуже швидко зможемо завершити другий, щоб вже з січня 2015 року українці мали можливість подорожувати без віз.
<p></p>
Угоду ж про асоціацію ми розглядаємо лише як перший крок до повноправного членства України в ЄС. Ніхто не має права вето на європейський вибір України. Визнати це - значить проводити політику миру та спокою в Україні. Але така політика збанкрутіла ще в тридцяті роки минулого століття.
<p></p>
Для реалізації наших амбітних планів нам потрібні не лише мир та єдність країни, але й консолідація всіх патріотичних, проукраїнських, проєвропейських сил. Маємо постійно тримати в пам’яті суворі уроки національно-визвольних змагань сімнадцятих-двадцятих років минулого століття. Тоді наші політики не змогли об’єднатися, спільно протистояти агресії.
<p></p>
Володимир Винниченко боровся проти Михайла Грушевського, Симон Петлюра проти Павла Скоропадського. А Нестор Махно - проти всіх. Постійні чвари та конфлікти між видатними українцями призвели до втрати нашої державності. Висновки належить робити не лише з архівів столітньої давнини, але й з недавніх подій.
<p></p>
Ми не сміємо повторити старі помилки і маємо забезпечити злагоджену роботу Президента, Верховної Ради та Кабміну. Настав час будувати нову велику країну. Сучасну, високотехнологічну, обороноздатну, конкурентоспроможну. Врахуємо досвід країн, які з’явилися на політичній карті лише кілька десятків років тому, але стали лідерами, поставивши на розвиток інтелекту та новітніх технологій. Бо найцінніше - не гроші, не заводи та підприємства, а "людський капітал", який має Україна.
<p></p>
Немає сумніву в тому, що ми здолаємо всі труднощі. Відстоїмо територіальну цілісність нашої держави, забезпечимо мир та спокій. Нас уже ніхто не оберне в рабів криміналу та бюрократії, в прислужників колоніальної влади. Нас підтримує цілий світ. За останні три дні я мав можливість пересвідчитись в цьому.
<p></p>
Навколо ідеї незалежності, свободи, гідності, правової держави, європейської інтеграції об’єдналася вся Україна і все світове українство. Народ своє вагоме слова сказав. Під час революційних подій. Під час спротиву агресії. Під час виборів. Тепер черга - за нами, за владою. Простягаю руку миру всім, хто подав голос за мене, і тим, хто не голосував. Всім, хто допоможе встановити мир, порядок і спокій в Україні. І всім, хто вірить у європейську майбутність України.
<p></p>
Ми - народ, що був одірваний від своєї великої Батьківщини Європи - повертаємося до неї. Остаточно і безповоротно.
<p></p>
Мир нам! Нехай нас благословить Господь! Слава Україні!
<p></p></div>
 
 
 
<div id="annotation_yanyk" class="hidden"> 
<div style="font-weight: bold;">Виктор Янукович, 2010 год </div>
 <p></p>
 Шановні народні депутати!
 <p></p>
Дорогі співвітчизники!
<p></p>
Щойно я склав Присягу Президента України. Що я відчував, тримаючи руку на Святому Пересопницькому Євангелії?
Відповідальність і смиренність. Перед народом України, який у ході вільного волевиявлення віддав за мою кандидатуру більшість голосів. Перед Всевишнім, волею якого я вступаю на пост глави Української держави в такий непростий для неї час.
Вибори завершилися. Увесь світ визнав їх демократичність. Український народ сказав своє слово, і міжнародна спільнота підтвердила, що Україна – вільна держава, де права і свободи громадян є найвищими цінностями, і де вибір народу не може бути поставлений під сумнів жодними проявами чиєїсь недоброї волі.
<p></p>
Ця остання обставина є особливо важливою з огляду на молодий вік нашої демократії і ті хвороби росту, яких так важко уникнути в процесі державницького змужніння.<p></p>
Тим не менше, ми гідно витримали цей відповідальний екзамен, і сьогодні сторінку президентських виборів 2010-го року перегорнуто. За нею розпочинається наступний період нашої новітньої історії.<p></p>
Країна перебуває у вкрай складній ситуації – відсутність державного бюджету на поточний рік, колосальні борги по зовнішніх запозиченнях, бідність, розвалена економіка, корупція – ось далеко не повний перелік бід, з яких складається українська реальність.<p></p>
Попри це, я вважаю, що державу можна не лише врятувати від соціально-економічного колапсу, але й швидко вивести на шлях прискореного розвитку. Якби не ця впевненість і ця віра у власні сили, сили своєї команди і силу українського народу, я ніколи не балотувався б у президенти.
Я знаю, що і як слід робити.<p></p>
У першу чергу – відновити систему ефективного державного управління. Ми повинні швидко створити дієздатну виконавчу владу, яка невідкладно займеться найбільш ураженими галузями економіки і соціальною сферою. Першочергове завдання на цьому шляху – реформування системи влади і, перш за все, Кабінету Міністрів, перетворення його у команду професіоналів, а не «політичних офіціантів». У зв’язку з цим, я закликаю Верховну Раду підтримати мої зусилля, спрямовані на створення прозорої, ефективної і відповідальної системи державного управління, здатної працювати з Президентом у синхронному режимі.<p></p>
Я підкреслюю: цю особливу роль у реформуванні системи державного управління бачу в Парламенті. Це – місце для дискусій. Це – місце для сильної опозиції, яка повинна контролювати дії Уряду і Президента. Але, в першу чергу, це – місце для сильної і стабільної парламентської більшості.
Якщо ми не спроможемося подолати існуючі політичні незгоди в ім’я порятунку держави, якщо не зуміємо очистити свої серця від отрути ненависті, породженої марнославством і егоїзмом, держава буде приреченою на продовження блукання в політичних сутінках і соціально-економічних лабіринтах.
Взаємне несприйняття внаслідок поразки одних і перемоги інших є не лише деструктивним з позицій інтересів держави, але й глибоко аморальним. Адже сказано у Святому Письмі: «Мирися з твоїм противником швидко, коли ти ще з ним у дорозі…». Життя підтвердило цю просту і очевидну істину: люди не люблять, коли їм демонструють кулаки. Вони схильні більше довіряти тим, хто подає руку на знак миру. Тому я звертаюся до всіх депутатів Верховної Ради із закликом до співпраці в ім’я України.<p></p>
Така співпраця матиме вирішальне значення для невідкладного реформування влади, судочинства, внесення змін до Конституції. Сьогодні державою керує структура, «зшита» в інтересах реалізації цілей окремих політиків. Це ж можна сказати і про судочинство, і про багато інших важливих сфер життя українського суспільства. Ми повинні змінити існуючий стан речей. Структура усіх гілок влади повинна слугувати досягненню єдиної мети – швидкому ухваленню потрібних державі законів і їх швидкій реалізації. При цьому треба однаково дбати про забезпечення законних інтересів простих людей, звичайних громадян, представників середнього класу, інтелігенції, бізнесу.<p></p>
Ефективна співпраця між Президентом, Парламентом і Урядом розчистить дорогу до швидкого економічного прогресу. В свою чергу, вирішення цієї проблеми дозволить не лише ліквідувати хронічну бідність, а й об’єднати країну. Люди схильні політизувати певні питання духовності здебільшого тоді, коли вони перебувають у стані перманентної фінансової нестабільності. В економічно розвинутих державах вірогідність виникнення внутрішніх конфліктів через різницю в культурних традиціях того чи іншого регіону в десятки разів нижча, аніж у державах економічно відсталих.<p></p>
Україна повинна обрати правильну довгострокову стратегію розвитку. Багато наших проблем виникли через те, що замість того, аби рухатися до постіндустріального суспільства зразка ХХІ століття, ми пішли шляхом первісного накопичення капіталу, тобто до так званого «дикого капіталізму». Відповідно, ми зможемо успішно конкурувати в сучасному світі лише за умови, якщо впритул займемося індустрією знань – сучасними технологіями виробництва, накопиченням і реалізацією здобутків науки.<p></p>
Я розумію, що наздогнати індустріально розвинуті країни вкрай складно. Однак можливо. Для цього Україні потрібна стратегія інноваційного поступу, і така стратегія нашою командою розроблена. Вона передбачає розвиток і державну підтримку невеликого числа пріоритетних напрямків, на яких ми зможемо посісти гідне місце в міжнародному розподілі праці. При цьому мається на увазі не посилення ролі держави в економіці, а участь держави у створенні ефективних ринкових механізмів. Я переконаний, що безпосередній вплив держави на економіку, ручне управління нею – це шлях в нікуди.<p></p>
Обов’язковими умовами відновлення довіри до України з боку інвесторів і міжнародних фінансових інституцій є забезпечення внутрішньополітичної стабільності, подолання корупції, встановлення чітких і головне – незмінних правил відносин між державою і бізнесом. Забезпечення двох перших умов буде особливо складним процесом, але я володію достатнім запасом політичної волі, щоб трансформувати їх у реальність.<p></p>
Як Президент я маю чітке уявлення про те, яка зовнішньополітична стратегія сьогодні найбільше відповідає національним інтересам України. Будучи мостом між Сходом і Заходом, інтегральною частиною Європи і колишнього СРСР водночас, Україна обере таку зовнішню політику, яка дозволить нашій державі отримати максимальний результат від розвитку рівноправних і взаємовигідних відносин з Російською Федерацією, Європейським Союзом, США та іншими державами, які впливають на розвиток ситуації у світі. На мою думку, виклики, які стоять перед міжнародною спільнотою, диктують потребу об’єднуватися у якомога ширшому форматі. Людству, і Україні в тому числі, потрібен ЄС у глобальному прочитанні. Я маю на увазі Єдиний Світ як силу, здатну гарантувати планеті мирне співіснування різних цивілізацій, енергетичну, екологічну, продовольчу безпеку. Ми готові брати участь у таких процесах, як європейська позаблокова держава. Я маю намір запропонувати цю концепцію парламенту для вироблення основ зовнішньої політики України і, сподіваюся, вищий законодавчий орган мене підтримає.<p></p>
Вступаючи на посаду Глави Української держави, я хочу сказати народу України, що всі мої обіцянки, дані йому, будуть виконані. Ми виплатимо заборгованість із заробітної плати і пенсій, чого так і не зробив діючий уряд. Враховуючи катастрофічну ситуацію з державними фінансами, ми зробимо це за рахунок скорочення витрат на бюрократичну систему і почнемо з себе. Одним з моїх перших Указів на посту Президента України буде указ про скорочення видатків на Секретаріат Президента та інших структур, які забезпечують його діяльність.<p></p>
Шановні народні депутати!<p></p>
Співвітчизники!<p></p>
Я завжди ставив діло вище за багатослів’я і на новому посту не відмовлюся від цього правила. Робота і результат в ім’я процвітання моєї Батьківщини – ось кредо, з яким я приступаю до виконання своїх обов’язків на новому відповідальному посту.<p></p>
Я розраховую на вашу підтримку, а також на підтримку міжнародної спільноти, яка прагне бачити нашу країну сильною і стабільною.<p></p>
І хай у цьому праведному устремлінні нам допоможе Господь!<p></p>
<p></p></div>
 
<div id="annotation_huilo" class="hidden"> 
 <div style="font-weight: bold;">Владимир Путин, 2012 год </div>
 <p></p>
 Вступая в должность Президента Российской Федерации, понимаю всю свою ответственность перед Родиной. Её интересы, безопасность, благополучие граждан страны всегда были и всегда останутся для меня превыше всего. Сделаю всё, чтобы оправдать доверие миллионов наших граждан. Считаю смыслом всей своей жизни и своим долгом служение Отечеству, служение нашему народу, поддержка которого вдохновляет и помогает решать самые сложные и трудные задачи.
<p></p>
Мы вместе прошли большой и сложный путь, поверили в себя, в свои силы, укрепили страну, вернули себе достоинство великой нации, мир увидел возрождённую Россию, и это результат усилий нашего народа, общей напряжённой работы, в которой есть личный вклад каждого. Сегодня у нас есть всё для движения вперёд, для созидания: дееспособное и развивающееся государство, прочная экономическая и социальная база, активное и ответственное гражданское общество. Я вижу в этом большую заслугу Дмитрия Анатольевича Медведева. Его президентство обеспечило преемственность и устойчивость развития страны, придало дополнительный импульс модернизации всех сторон нашей жизни. Впереди у него сложные и очень ответственные задачи. Я желаю ему успехов.
<p></p>
Сегодня мы вступаем в новый этап национального развития, нам потребуется решать задачи принципиально иного уровня, иного качества и масштаба. Ближайшие годы будут определяющими для судьбы России на десятилетия вперёд. И мы все должны понимать, что жизнь будущих поколений, историческая перспектива государства и нашей нации зависят сегодня именно от нас, от реальных успехов в создании новой экономики и современных стандартов жизни, от наших усилий по сбережению народа и поддержке российских семей, от нашей настойчивости в обустройстве огромных российских пространств от Балтики до Тихого океана, от нашей способности стать лидерами и центром притяжения всей Евразии.
<p></p>
Мы добьёмся наших целей, если будем единым, сплочённым народом, если будем дорожить нашим Отечеством, укреплять российскую демократию, конституционные права и свободы, расширять участие граждан в управлении страной, в формировании национальной повестки дня, чтобы стремление каждого к лучшей жизни было воплощено в совместной работе для процветания всей страны. Мы обязательно добьёмся успеха, если будем опираться на прочный фундамент культурных и духовных традиций нашего многонационального народа, на нашу тысячелетнюю историю, на те ценности, которые всегда составляли нравственную основу нашей жизни, если каждый из нас будет жить по совести, с верой и любовью к Родине, к своим близким, заботиться о счастье своих детей и благополучии своих родителей. Мы хотим и будем жить в демократической стране, где у каждого есть свобода и простор для приложения таланта и труда, своих сил. Мы хотим и будем жить в успешной России, которую уважают в мире как надёжного, открытого, честного и предсказуемого партнёра. Я верю в силу наших общих целей и идеалов, в силу нашей решимости преобразить страну, в силу объединённых действий граждан, в наше общее стремление к свободе, к правде, к справедливости. Мы готовы к грядущим испытаниям и грядущим свершениям. У России великая история и не менее великое будущее. И мы будем работать с верой в душе, с искренними и чистыми помыслами.
<p></p>
Спасибо!
<p></p>
<p></p></div>
 
<div class="key" style="position:absolute; text-anchor: middle; left:200px; width: 500px;  top:10px; font-family: Century Gothic; font-size: 12px; font-style: italic; color:black; ">
Чем больше круг, тем чаще произносится определенное слово. Слова Порошенко всегда в левой  <span style="color:#d84b2a;"> красной </span> части, Януковича - в<span style="color:steelblue;"> синей </span>. Речь Порошенко можно также  сравнить с речью Путина(будет выделена <span style="color:grey;"> серым </span> цветом), для этого нужно нажать кнопку внизу.
</div>
 
  <div id="container_layout"></div>
    <script type="text/javascript">
 
 
 
var w = 850,
    h = 650;
 
var svg = d3.select("#container_layout").append("svg")
    .attr("width", w)
    .attr("height", h);
 
var nodes = [ 
{name:"україна",words:49,poroh:36,yanyk:13,wordsH:36,huilo:0},
{name:"я",words:21,poroh:7,yanyk:14,wordsH:10,huilo:3},
{name:"ми",words:21,poroh:11,yanyk:10,wordsH:20,huilo:9},
{name:"украинский",words:23,poroh:17,yanyk:6,wordsH:17,huilo:0},
{name:"европа",words:5,poroh:2,yanyk:3,wordsH:2,huilo:0},
{name:"європейський",words:15,poroh:15,yanyk:0,wordsH:15,huilo:0},
{name:"нам",words:11,poroh:10,yanyk:1,wordsH:11,huilo:1},
{name:"жити",words:9,poroh:9,yanyk:0,wordsH:12,huilo:3},
{name:"мир",words:15,poroh:14,yanyk:1,wordsH:15,huilo:1},
{name:"мирный",words:10,poroh:9,yanyk:1,wordsH:9,huilo:0},
{name:"нас",words:8,poroh:8,yanyk:0,wordsH:11,huilo:3},
{name:"держава",words:35,poroh:10,yanyk:25,wordsH:12,huilo:2},
{name:"народ",words:14,poroh:9,yanyk:5,wordsH:14,huilo:5},
{name:"международный",words:7,poroh:1,yanyk:6,wordsH:1,huilo:0},
{name:"державний",words:15,poroh:8,yanyk:7,wordsH:8,huilo:0},
{name:"час",words:9,poroh:8,yanyk:1,wordsH:8,huilo:0},
{name:"економика",words:18,poroh:9,yanyk:9,wordsH:11,huilo:2},
{name:"безпека",words:12,poroh:8,yanyk:4,wordsH:9,huilo:1},
{name:"національний",words:7,poroh:6,yanyk:1,wordsH:9,huilo:3},
{name:"забезпечити",words:15,poroh:10,yanyk:5,wordsH:11,huilo:1},
{name:"треба",words:8,poroh:6,yanyk:2,wordsH:6,huilo:0},
{name:"вже",words:6,poroh:6,yanyk:0,wordsH:6,huilo:0},
{name:"постійно",words:5,poroh:5,yanyk:0,wordsH:5,huilo:0},
{name:"крим",words:3,poroh:3,yanyk:0,wordsH:3,huilo:0},
{name:"президент",words:16,poroh:7,yanyk:9,wordsH:9,huilo:2},
{name:"буде",words:8,poroh:5,yanyk:3,wordsH:12,huilo:7},
{name:"незалежність",words:5,poroh:5,yanyk:0,wordsH:5,huilo:0},
{name:"управління",words:5,poroh:1,yanyk:4,wordsH:2,huilo:1},
{name:"стратегія ",words:4,poroh:0,yanyk:4,wordsH:0,huilo:0},
{name:"стабільність",words:4,poroh:0,yanyk:4,wordsH:0,huilo:0},
{name:"підтримку",words:5,poroh:2,yanyk:3,wordsH:4,huilo:2},
{name:"сьогодні",words:6,poroh:3,yanyk:3,wordsH:7,huilo:4},
{name:"маю",words:3,poroh:0,yanyk:3,wordsH:0,huilo:0},
{name:"розвиток",words:9,poroh:2,yanyk:7,wordsH:5,huilo:3},
{name:"потрібні",words:5,poroh:2,yanyk:3,wordsH:2,huilo:0},
{name:"повинні",words:9,poroh:5,yanyk:4,wordsH:6,huilo:1},
{name:"влада",words:11,poroh:7,yanyk:4,wordsH:7,huilo:0},
{name:"життя",words:8,poroh:6,yanyk:2,wordsH:12,huilo:6},
{name:"шлях",words:4,poroh:0,yanyk:4,wordsH:1,huilo:1},
{name:"праця",words:9,poroh:6,yanyk:3,wordsH:9,huilo:3},
{name:"політика і політичний",words:17,poroh:7,yanyk:10,wordsH:7,huilo:0},
{name:"відповідальність",words:6,poroh:2,yanyk:4,wordsH:5,huilo:3},
{name:"россія",words:1,poroh:0,yanyk:1,wordsH:5,huilo:5},
{name:"россійський",words:1,poroh:1,yanyk:0,wordsH:4,huilo:3},
{name:"наш",words:23,poroh:17,yanyk:6,wordsH:33,huilo:16},
{name:"для ",words:18,poroh:7,yanyk:11,wordsH:13,huilo:6},
{name:"громадяни",words:7,poroh:2,yanyk:5,wordsH:7,huilo:5},
{name:"майбутнє",words:2,poroh:0,yanyk:2,wordsH:3,huilo:3},
{name:"країна",words:2,poroh:1,yanyk:1,wordsH:9,huilo:8},
{name:"успіх",words:2,poroh:1,yanyk:1,wordsH:5,huilo:4},
{name:"суспільство",words:6,poroh:4,yanyk:2,wordsH:5,huilo:1},
{name:"кожний",words:1,poroh:1,yanyk:0,wordsH:5,huilo:4},
{name:"сила",words:6,poroh:2,yanyk:4,wordsH:7,huilo:5},
{name:"зусилля",words:4,poroh:3,yanyk:1,wordsH:5,huilo:2},
{name:"будемо",words:2,poroh:2,yanyk:0,wordsH:9,huilo:7},
 
];
 
var force = d3.layout.force()
    .nodes(d3.values(nodes))
   // .links(links)
    .size([w, h])
    //.linkDistance(60)
   .charge(function(d){return - Math.pow((d.words*2.2), 2)/7})
  //.charge(-100)
    .on("tick", tick)
    .start();
 
/*
var tip = d3.tip()
  .attr('class', 'd3-tip')
  .offset([-10, 0])
  .html(function(d) {
    return '<strong></strong><span style="color:white">' + d.name + '</span><strong></strong> <span style="font-size: 18px;  color:orange">' + d.golos + '</span>';
  })
  
    svg.call(tip);
*/
 
   
  
 ////////////////////////////
 
var node = svg.append("svg:g").selectAll("node")
    .data(force.nodes())
    .enter().append("g")
    .attr("class", "node")
.attr("id", function(d, i) { return "node-" + i; })
    .call(force.drag);
 
node.append("clipPath") 
    .attr("id", function(d,i){ return "clipper_"+i; })
    .append("rect")
.attr("class", "clipPath")
.attr("x", function(d) {return -d.words*2})
.attr("y", - 100)
    .attr("width", function(d) {return d.poroh*4})
    .attr("height", 200);
 
node.append("svg:circle")
.attr("class", "circle")
    .attr("id", function (d, i) {return "c-"+i})
    .attr("clip-path", function(d,i){ return "url(#clipper_"+i+")"; })
    .attr("r", function(d) {return d.words*2})
    .attr("fill", "#d84b2a")
    .attr("opacity", .8)
    .attr ("stroke-width", 3)
   .on("mouseover", mouseover)
   .on("mouseout", mouseout);
  
///////////////////
      
var node2 = svg.append("svg:g").selectAll("node2")
    .data(force.nodes())
    .enter().append("g")
    .attr("class", "node2")
.attr("id", function(d, i) { return "node2-" + i; })
    .call(force.drag);
 
 
node2.append("clipPath") 
    .attr("id", function(d,i){ return "clipper2_"+i; })
    .append("rect")
.attr("class", "clipPath2")
.attr("x", function(d) {return (d.poroh*4-d.words*2)})
.attr("y", - 100)
    .attr("width", function(d) {return d.words*4})
    .attr("height", 200);
 
 
node2.append("svg:circle")
.attr("class", "circle2")
   .attr("id", function (d, i) {return "c2-"+i})
   .attr("clip-path", function(d,i){ return "url(#clipper2_"+i+")"; })
   .attr("r", function(d) {return d.words*2})
   .attr("fill", "steelblue")
   .attr("opacity", .8)
   .attr ("stroke-width", 3)
   .on("mouseover", mouseover)
   .on("mouseout", mouseout);
   
/////////////////////////////////
 
 
 
/////////////////////////////////
 
  
var text = svg.append("svg:g").selectAll("g")
    .data(force.nodes())
  .enter().append("svg:g");
 
  /*
  // A copy of the text with a thick white stroke for legibility.
text.append("svg:text")
    .attr("x", 8)
    .attr("y", ".31em")
    .attr("class", "shadow")
    .text(function(d) { return d.name });
*/
 
text.append("svg:text")
.attr("class", "texts_name")
.attr("id", function(d, i) { return "t-" + i; })
//.attr("x", function(d) {return -d.words*1.5})
    .attr("y", -5)
 .attr("text-anchor", "middle")
 .attr("font-size", function(d) {if (d.words <10) {return 10} else {return d.words; }})
    .attr("opacity", function(d) {if (d.words ==0) {return 0} else {return 1 }})
    .text(function(d) { return d.name; });
 
text.append("svg:text")
.attr("class", "texts_nambers")
//.attr("x", function(d) {return -d.words*1.5})
    .attr("y", 10)
 .attr("text-anchor", "middle")
 .attr("font-size", 12)
    .attr("opacity", function(d) {if (d.words ==0) {return 0} else {return 1 }})
    .text(function(d) { return d.poroh +"-"+ d.yanyk; });
 
 
 
   
// Use elliptical arc path segments to doubly-encode directionality.
function tick() {
  
 
  node.attr("transform", function(d) 
  {
  if (d.name == "x") {return "translate(" + d.x/2.4 + "," + 250 + ")";}
  //if (d.poroh>d.yanyk) {return "translate(" + d.x/1.2 + "," + d.y + ")";}
   else { return "translate(" + d.x + "," + d.y + ")";}
  }
  );
  
  node2.attr("transform", function(d) 
  {
  if (d.name == "x") {return "translate(" + d.x/2.4 + "," + 250 + ")";}
 // if (d.poroh>d.yanyk) {return "translate(" + d.x/1.2 + "," + d.y + ")";}
   else { return "translate(" + d.x + "," + d.y + ")";}
  }
  );
  
  text.attr("transform", function(d) 
  {
  if (d.name == "x") {return "translate(" + d.x/2.4 + "," + 250 + ")";}
 // if (d.poroh>d.yanyk) {return "translate(" + d.x/1.2 + "," + d.y + ")";}
   else { return "translate(" + d.x + "," + d.y + ")";}
  }
  );
  
}
function mouseover(d) {
 
             d3.select(this).attr("opacity", 1);
 
 
   
}
function mouseout(d) {
 
    d3.select(this).attr("opacity", .8);
}
 
///////////////////////
///////////////////////
///////////////////////
d3.select("#annotation_yanyk").classed("hidden", false); 
d3.select("#annotation_huilo").classed("hidden", true); 
d3.select("#yanykov").classed("g-active", true);
 
  d3.selectAll("button").on("click", buttons);
  
  function buttons() {
var paragraphID = d3.select(this)
                    .attr("id");
 
if (paragraphID == "yanykov") {
 
d3.select("#huilo").classed("g-active", false);
d3.select("#yanykov").classed("g-active", true);
d3.select("#annotation_yanyk").classed("hidden", false); 
d3.select("#annotation_huilo").classed("hidden", true); 
 
var force = d3.layout.force()
    .nodes(d3.values(nodes))
   // .links(links)
    .size([w, h])
    //.linkDistance(60)
   .charge(function(d){return - Math.pow((d.words*2.2), 2)/7})
  //.charge(-100)
    .on("tick", tick)
    .start();
	
svg.selectAll(".texts_name").transition().duration(1000)
.attr("font-size", function(d) {if (d.words <10) {return 10} else {return d.words; }})
.attr("opacity", function(d) {if (d.words ==0) {return 0} else {return 1 }});
 
svg.selectAll(".texts_nambers").transition().duration(1000)
.attr("opacity", function(d) {if (d.words ==0) {return 0} else {return 1 }})
.text(function(d) { return d.poroh +"-"+ d.yanyk; });
 
svg.selectAll(".clipPath").transition().duration(1000)
.attr("x", function(d) {return -d.words*2})
.attr("width", function(d) {return d.poroh*4})
 
svg.selectAll(".circle").transition().duration(1000)
.attr("r", function(d) {return d.words*2});
 
svg.selectAll(".clipPath2").transition().duration(1000)
.attr("x", function(d) {return (d.poroh*4-d.words*2)})
.attr("width", function(d) {return d.words*4});
 
svg.selectAll(".circle2").transition().duration(1000)
.attr("r", function(d) {return d.words*2}).attr("fill", "steelblue");
 
}              
 
     
if (paragraphID == "huilo") {
d3.select("#yanykov").classed("g-active", false);
d3.select("#huilo").classed("g-active", true);
d3.select("#annotation_yanyk").classed("hidden", true ); 
d3.select("#annotation_huilo").classed("hidden", false); 
 
var force = d3.layout.force()
    .nodes(d3.values(nodes))
   // .links(links)
    .size([w, h])
    //.linkDistance(60)
   .charge(function(d){return - Math.pow((d.wordsH*2.2), 2)/7})
  //.charge(-100)
    .on("tick", tick)
    .start();
	
svg.selectAll(".texts_name").transition().duration(1000)
.attr("font-size", function(d) {if (d.wordsH <10) {return 10} else {return d.wordsH; }})
.attr("opacity", function(d) {if (d.wordsH ==0) {return 0} else {return 1 }});
 svg.selectAll(".texts_nambers").transition().duration(1000)
.attr("opacity", function(d) {if (d.wordsH ==0) {return 0} else {return 1 }})
 .text(function(d) { return d.poroh +"-"+ d.huilo; });
 
 
svg.selectAll(".clipPath").transition().duration(1000)
.attr("x", function(d) {return -d.wordsH*2})
.attr("width", function(d) {return d.poroh*4})
 
svg.selectAll(".circle").transition().duration(1000)
.attr("r", function(d) {return d.wordsH*2});
 
svg.selectAll(".clipPath2").transition().duration(1000)
.attr("x", function(d) {return (d.poroh*4-d.wordsH*2)})
.attr("width", function(d) {return d.wordsH*4});
 
svg.selectAll(".circle2").transition().duration(1000)
.attr("r", function(d) {return d.wordsH*2}).attr("fill", "grey");
 
 
 
 
}
}
 
    </script>
<hr noshade size="1" width="850px" align="left">
  </body>
</html>

Modified http://mbostock.github.com/d3/d3.js?1.29.1 to a secure url

Modified http://mbostock.github.com/d3/d3.geom.js?1.29.1 to a secure url

Modified http://mbostock.github.com/d3/d3.layout.js?1.29.1 to a secure url

Modified http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js to a secure url

https://mbostock.github.com/d3/d3.js?1.29.1

https://mbostock.github.com/d3/d3.geom.js?1.29.1

https://mbostock.github.com/d3/d3.layout.js?1.29.1

https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js