Project Timeline
How do I make an project timeline?
What is a project timeline? How do you make a project timeline? This script and codes were developed by Raj K Singh on 08 October 2022, Saturday.
Project Timeline - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Project Timeline</title>
</head>
<body> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript"> google.charts.load("current", {packages:["timeline"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var container = document.getElementById('example3.1'); var chart = new google.visualization.Timeline(container); var dataTable = new google.visualization.DataTable(); dataTable.addColumn({ type: 'string', id: 'Stage' }); dataTable.addColumn({ type: 'string', id: 'Step' }); dataTable.addColumn({ type: 'date', id: 'Start' }); dataTable.addColumn({ type: 'date', id: 'End' }); dataTable.addRows([ [ 'Discovery', 'Requirements Gathering, Business Case', new Date(1, 3, 30), new Date(2, 2, 4) ], [ 'Discovery', 'Research, Discovery, Technical Strategy', new Date(2, 2, 4), new Date(2, 2, 4) ], [ 'Discovery', 'Project Confirmation (Scope, Schedule, Cost)', new Date(2, 2, 4), new Date(3, 2, 4) ], [ 'Design', 'User Experience, User Interface', new Date(3, 3, 21), new Date(4, 2, 4)], [ 'Design', 'Fit, Finish, Assets Gathering', new Date(4, 2, 4), new Date(5, 2, 4)], [ 'Design', 'Design Revision Cycle', new Date(5, 2, 4), new Date(8, 2, 4)], [ 'Development', 'Project Kickoff', new Date(7, 2, 4), new Date(8, 3, 20)], [ 'Development', 'Project Kickoff', new Date(4, 8, 25), new Date(16, 2, 22)], [ 'Development', 'Development Review, Quality Assurance', new Date(8, 2, 22), new Date(16, 11, 31)], [ 'Deploy', 'Alpha Deployment and QA Review', new Date(13, 0, 2), new Date(16, 7, 20)], [ 'Deploy', 'Beta Deployment and QA Review', new Date(14, 7, 20), new Date(16, 4, 12)], [ 'Deploy', 'Final Deployment and QA Review', new Date(15, 4, 13), new Date(16, 5, 5)], [ 'Defense', 'Ongoing Customer Interaction, Usability Audit', new Date(16, 5, 13), new Date(16, 8, 4)], [ 'Defense', 'Ongoing Security, Reliability Audit', new Date(16, 2, 5), new Date(16, 4, 1)], [ 'Defense', 'Ongoing General Maintenance and Support', new Date(16, 4, 2), new Date(16, 12, 3)] ]); chart.draw(dataTable); }
</script>
<div id="example3.1" style="height: 200px;"></div>
</body>
</html>
Developer | Raj K Singh |
Username | rajinwonderland |
Uploaded | October 08, 2022 |
Rating | 3 |
Size | 1,942 Kb |
Views | 26,312 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
FileStack Viewer Preview | 1,317 Kb |
Star Wars Rebel Pilot Track Jacket | 5,357 Kb |
Card Unstack | 3,907 Kb |
Swiper | 2,162 Kb |
React Product Cards | 5,225 Kb |
Upcoming Dates | 2,460 Kb |
React-MDL example | 2,772 Kb |
React MDL NerdyNavigation | 3,834 Kb |
NerdyVerse Featured Product Card | 5,183 Kb |
Parallax Effect Novvum Values | 5,639 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Nice textured background | Hans | 2,659 Kb |
Welcome | Nakome | 6,076 Kb |
Animated Donut Chart | Jplhomer | 3,808 Kb |
GLSL Hills | Ykob | 6,991 Kb |
Menu | Vivi_Lai | 1,210 Kb |
A Pen by Mike Otis | Mikeotis | 3,185 Kb |
Table border-collapse property | Maxds | 1,672 Kb |
Kut D3 | Jellevrswk | 3,687 Kb |
Fellowship of the Ring | Aussieyang | 2,639 Kb |
Revolving Text Landing Page Trial | TimRuby | 2,976 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!