graphical-timeline-of-events's People
graphical-timeline-of-events's Issues
Don't do getElementById inside render function.
use an already initialized reference
Add accesskey to menu entry.
Implement Dynamic creation of JSON view for header.
Forcing inner objects to be in another level of the view.
Collapse the producer box if it is disabled.
Test batchng of dots and drawing together the dots of same color.
Make the details view a pane.
which sits on the right of the canvas. might be toglleable.
Use binary search onc eif the producer is collapsed and every event is in one line.
Replace Overview label with a pretty icon
Add a devtoolb button
Handle tab switch and remove the checked state if not on a timeline tab
Integrate the Inspect network view with Timeline.
The same one that gets opened when you click on a network call line in web console.
NOTE : This has to be done somehow without hard coding the knowledge that one of the producers is network producer.
Add Zooming button [ + | - ]
and some kind of a overview icon button too
POC: Check whether calculation is using most of the CPU, or actual drawing.
This can be done by removing parts of the render function one by one.
Integrate Debugger with Timeline.
Open the .js file types in Script Debugger.
Add a close button-ish thing in details pane
Blocks #30
The highlight should persist while the detail box is opened.
Switch to using the javascript.options.mem.notify once it lands in trunk
refer bug 773734.
Switch to tables for the details pane
Show relative timings in ticker and detailed view.
Start using github issues to maintain code changes.
Well, this is an auto close issue :P
Add a splitter before details pane
Blocks #30
Clicking on producer headers do not toggles the corresponding producer box.
Having a larger hit box would be beneficial.
The Google Chrome and Opera counterparts for that widget do use
the full width of the header to toggle the appearance of the box.
Inline Docs
[SuperPowerDots] Dots sometimes just dissappear from the canvas.
Show duration for Network events.
Also if breakdown is possible.
Reuse Lines canvas.
Keep squeezing the lines canvas and draw only the difference. This would result in a lot lesser calculations.
Enable more types of detail types (producerInfo.details.<anyitem>.type)
More items to be supported:
URL: This will return a clickable link showing full url on hover.
Object: This will return [Object] string showing full object details on hover or click.
Memory Leak.
PERIOD
Integrate Style Editor with Timeline
when the user clicks on the 'url' type link, if it is a stylesheet, open it in Style Editor.
Highlight the line/dot on canvas when hovering over it or viewing its details.
Draw less.
- When first visible and last visible times have not changed and current time is not less than last visible time, stop drawing.
- Print the mouse time in a different canvas so that ruler drawing can also be stopped for the above case.
Make a compact view configuration and switch to it when height is very small.
Add a drop down option menu to each producer for the list of features.
And thus only show the enabled feature (and not as a checkbox) in the feature box
Add a vertical mark with current time info vertically below the mouse pointer on the ruler.
Network Producer causes lot of CPU usage even if all the connections are complete.
Proof obtained in the POC done.
The main functions being called are setAsyncListener and InputStreamReady
Find a better searching algorithm than BInary Search.
It should help in performance gains.
Add a level heirarchy inside details view.
Clicking on links will open their detail on top of the details view. Only for "object" type links
Show the notification shown for Timeline opened in different Tab, for different Window too.
Make detail box pinning unpinning more discoverable.
The mouse pointer should turn into a hand when over a line or dot to indicate that its clickable.
In live view, both the dots and lines canvas can be reused by caching.
Blocks #33.
Set the startTime and endTIme for the cache. When in next render cycle, just draw the dots that came after the endTime for the cahce, shift the cached image accordingly to the left, draw delta lines for active connections, thats it.
This should reduce computations while painting.
If an event requires redraw, forcePaint can be set true.
Sort the globalTime array based on Y position too.
Maintain a 2d Array instead of 1D. It will mean lesser traversing for each frame through the whole big array.
If converting globalTime and globalGroup array is not possible, have another array then.
Some issues while restarting canvas on page reload. Things does not clear up.
Get rid of the top toolbar, and integrate ruler into the new top toolbar.
Timeline needs a refresh on refresh preference.
If true, the timeline will start from 0 upon a restart.
Show a scrollbar on the canvas too.
Optimize Live View
Due to optimizations in Overview, Live view has suffered a lot.
Need to fix it.
Enable showing detailed box Overview Mode.
Add a cogwheel to hold the restart on reload option
And possibly more options in future.
Tell user that Timeline is open in another tab.
With an option to either switch to tab or reopen it in this tab.
Incorrect highlighting when producer features are hidden into one line
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.