Timesheet.js - JavaScript library for HTML5 & CSS3 time sheets

•    Javascript

---

With Timesheet.js you can easily create simple time and data sheets or timelines using HTML5, JavaScript and CSS3. Yep, it's a Vanilla JS library. Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customized by almighty you.

timesheet library chart visualization css html charting-library timeline

life - Life - a timeline of important events in my life

•    HTML

---

This is something that I've wanted to build for a long time. It's a timeline of important events in my life, visualized in a way my mind always imagine it. There was something called Lifepath.me but now it's gone. How about Facebook timeline? Meh. So, this is it. Have a look at cheeaun.life.

life timeline markdown

Timeline-View - Android Timeline View is used to display views like Tracking of shipment/order, steppers etc

•    Java

---

Android Timeline View Library (Using RecyclerView) is simple implementation used to display view like Tracking of shipment/order, steppers etc. For information : checkout Sample App Code in repository.

android timeline ui recyclerview

TimeLine - 瀑布流式的时间轴

•    Java

---

This project aims to provide a easy way to use Staggered TimeLine implementation. If you want to use this TimeLine in your project, you have to do the following.

timeline recyclerview staggeredgridlayoutmanager itemdecoration

GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

•    Javascript

---

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

html diagram flowchart orgchart layout graph typescript chart tree uml bpmn editor drawing canvas svg hierarchy family-tree decision-tree mindmap treeview genogram ivr-tree parse-tree concept-map visualization entity-relationship er-diagram radial sankey pert gantt timeline swimlane workflow flow process state sequential-function grafcet sequence circuit dataflow data-flow planogram floorplan seating pipes tree-layout force-directed layered hierarchical circular fishbone ishikawa treemap tree-map subgraph network library js html5

devportfolio - A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass

•    CSS

---

This repo contains an easy-to-customize personal dev portfolio template that was created with Sass and JavaScript. It is lightweight and fully responsive, as well as comes with the Bootstrap grid system and loaded with Font Awesome. The site is static and comes production ready if you just want to add your information and go. Alternatively, you can edit styles, colours, and scripts fairly easily. The site was built as modular as possible to make it easy to shift around styles and content. To view a live demo, click here.

sass skills timeline template portfolio portfolio-template portfolio-website personal website tech coding dev

TimelineTableViewCell - Simple timeline view implemented by UITableViewCell

•    Swift

---

TimelineTableViewCell is a simple timeline view implemented by UITableViewCell. The UI design of TimelineTableViewCell is inspired by ISTimeline. If you are using TimelineTableViewCell in your app and want to be listed here, simply create a pull request.

timeline uitableviewcell cocoapods

vis-timeline - 📈 Create a fully customizable, interactive timelines and 2d-graphs with items and ranges

•    Javascript

---

The Timeline/Graph2D is an interactive visualization chart to visualize data in time. The data items can take place on a single date, or have a start and end date (a range). You can freely move and zoom in the timeline by dragging and scrolling in the Timeline. Items can be created, edited, and deleted in the timeline. The time scale on the axis is adjusted automatically, and supports scales ranging from milliseconds to years. A basic example on loading a Timeline is shown below. More examples can be found in the examples directory of the project.

chart timeline vis hacktoberfest visualization linechart graph

timesketch - Collaborative forensic timeline analysis

•    Python

---

Timesketch is an open source tool for collaborative forensic timeline analysis. Using sketches you and your collaborators can easily organize your timelines and analyze them all at the same time. Add meaning to your raw data with rich annotations, comments, tags and stars.

forensics dfir security timeline analysis

VideoContext - An experimental HTML5 & WebGL video composition and rendering API.

•    Javascript

---

The VideoContext is an experimental HTML5/WebGL media processing and sequencing library for creating interactive and responsive videos on the web.It consist of two main components. A graph based, shader accelerated processing pipeline, and a media playback sequencing time-line.

video html5-video graph renderer html5 context composition timeline webgl

chartify - React.js plugin for building simple animated draggable charts

•    Javascript

---

The source for this module is in the main repo.Container prop is a class that will be added to the chart container element. This is important in case you have more than one chart on your page.

chart charts react barchart linechart timeline timesheet films music-library music-visualizer react-plugins customizable-charts cinematography movie-collection visualization draggable-elements draggable film-ratings rank reactjs react-js react-chart scale items dataset kinopoisk line-chart bar-chart marks axis calendar-view pyramid progress-chart showreel visualisation diagram graph

chronoline

•    Javascript

---

Currently, chronoline.js only requires raphael.js to function. jQuery is used to provide nicer tooltips (using qTip2) and dragging support, but these aren't required. To use it, provide a target element and an array of dates (possible ranges) with event descriptions, and it will render the contents of the timeline.

timeline raphael chronology history horizontal

OpenProject - Web-based project management system built on Ruby on Rails

•    Ruby

---

OpenProject is free and open source web-based project collaboration software. It supports your project teams throughout the whole project life cycle. The software is developed by an active international community, governed by the OpenProject Foundation. It helps to organize project requirements, tasks, bugs, risks etc, Assign responsibilities, Configure workflows, Agile support, Easily track the projects and much more.

project-management collaboration wiki timeline tracking issue-tracker scrum angular project-planning gantt-chart bug-tracker roadmap

d3-timeline - A simple D3 Timeline chart

•    Javascript

---

This allows you to define a minimum width for an interval element. Sometimes, when you zoom out too much you might still want to be able to visualize the interval. It defaults to 8.

d3-timeline chart d3js timeline gantt-chart

react-native-timeline-listview - Timeline component for React Native App

•    Javascript

---

Timeline component for React Native App

react-native timeline schedule android ios listview react-native-component component

plaso - Super timeline all the things

•    Python

---

In short, plaso is a Python-based backend engine for the tool log2timeline. log2timeline is a tool designed to extract timestamps from various files found on a typical computer system(s) and aggregate them.

forensics parsing timeline

angular-timeline - An Angular

•    CSS

---

An Angular.js directive that generates a responsive, data-driven vertical timeline to tell a story, show history or describe a sequence of events.

angular timeline history events list responsive bootstrap

TheatreJS - A high-performance animation editor for the web.

•    CoffeeScript

---

This is theatrejs-0.1 that some of the demos we created depend on.theatrejs will be free and open-source. We're discussing which open-source licensing model to choose, and whether to include a commercial license.

keyframes animation webgl timeline

timeline.js - A compact JavaScript animation library with a GUI timeline for fast editing.

•    Javascript

---

A compact JavaScript animation library with a GUI timeline for fast editing. After specifying the target using anim() you can chain as many to() animations as you want. To start parallel track simply call anim() on the same target again.

timeline animation

speedline - Calculate the speed index and visual performance metrics from chrome dev tool timeline (recently: pmdartus -> paulirish)

•    Javascript

---

The Navigation Timing API provides useful data that can be used to measure the performance of a website. Unfortunately this API has never been good at capturing the actual user experience. The Speed Index, introduced by WebpageTest.org, aims to solve this issue. It measures how fast the page content is visually displayed. The current implementation is based on the Visual Progress from Video Capture calculation method described on the Speed Index page. The visual progress is calculated by comparing the distance between the histogram of the current frame and the final frame.

chrome devtool timeline speed index performance