Timeline Visualization of Prime Ministers of India (Google Interactive API)
Created By : Debasis Das (27-Dec-2014)
Using: Google Interactive Timeline API
<!DOCTYPE html> <html> <head> <style> </style> <script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization', 'version':'1','packages':['timeline']}]}"></script> <script type="text/javascript"> google.setOnLoadCallback(drawChart); function drawChart() { var container = document.getElementById('example2.1'); var chart = new google.visualization.Timeline(container); var dataTable = new google.visualization.DataTable(); dataTable.addColumn({ type: 'string', id: 'Term' }); dataTable.addColumn({ type: 'string', id: 'Name' }); dataTable.addColumn({ type: 'date', id: 'Start' }); dataTable.addColumn({ type: 'date', id: 'End' }); dataTable.addRows([ [ '1st - Congress', 'Shri Jawaharlal Nehru', new Date(1947, 8, 15), new Date(1964, 5, 27) ], [ '2nd - Congress', 'Shri Gulzari Lal Nanda', new Date(1964, 5, 27), new Date(1964, 6, 9) ], [ '3rd - Congress', 'Shri Lal Bahadur Shastri', new Date(1964, 6, 9), new Date(1966, 1, 11) ], [ '4th - Congress', 'Shri Gulzari Lal Nanda', new Date(1966, 1, 11), new Date(1966, 1, 24) ], [ '5th - Congress', 'Smt. Indira Gandhi', new Date(1966, 1, 24), new Date(1977, 3, 24) ], [ '6th - Janata Party', 'Shri Morarji Desai', new Date(1977, 3, 24), new Date(1979, 7, 28) ], [ '7th - Janata Party', 'Shri Charan Singh', new Date(1979, 7, 28), new Date(1980, 1, 14) ], [ '8th - Congress (I)', 'Smt. Indira Gandhi', new Date(1980, 1, 14), new Date (1984,10,31) ], [ '9th - Congress (I)', 'Shri Rajiv Gandhi', new Date (1984,10,31), new Date(1989,12,2) ], ['10th - Janata Dal', 'Shri Vishwanath Pratap Singh', new Date(1989,12,2),new Date(1990, 11,10)], ['11th - Janata Dal (S)','Shri Chandra Shekhar', new Date(1990,11,10), new Date (1991, 6,21)], ['12th - Congress (I)','Shri P. V. Narasimha Rao',new Date (1991, 6, 21), new Date (1996, 5,16)], ['13th - Bharatiya Janata Party','Shri Atal Bihari Vajpayee', new Date (1996,5,16), new Date (1996,6,1)], ['14th - Janata Dal','Shri H. D. Deve Gowda',new Date (1996,6,1), new Date (1997,4,21)], ['15th - Janata Dal','Shri Inder Kumar Gujral', new Date (1997,4,21), new Date (1998,3,19)], ['16th - Bharatiya Janata Party','Shri Atal Bihari Vajpayee', new Date (1998,3,19),new Date (2004,5,22)], ['17th - Indian National Congress', 'Dr. Manmohan Singh', new Date(2004, 5, 22), new Date(2014, 5, 26) ], ['18th - Bharatiya Janata Party', 'Shri. Narendra Modi', new Date(2014, 5, 26),new Date() ] ]); var options = { timeline: { showRowLabels: true, colorByRowLabel: true } }; chart.draw(dataTable,options); } </script> </head> <body> <h2>Prime Ministers of India (Timeline)</h2> <p>Sourced from: <a href="http://pmindia.gov.in/en/former-prime-ministers/">http://pmindia.gov.in/en/former-prime-ministers/</a></p> <p>Library Used: <a href = "https://developers.google.com/chart/interactive/docs/gallery/timeline">https://developers.google.com/chart/interactive/docs/gallery/timeline</a></p> <div id="example2.1" style="width: 1200px; height: 800px;"></div> </body> </html>
Leave a Reply