Comments (3)
The background for the waterfall graph should be white and 1-2 px gap between the bars (today they are line in line right). Think that will make the look and feel even nicer.
The extra info layer could also be white.
Most of the colours are in the CSS and the bar-heigh can also be passed into the chart constructor (currently it's 23px createWaterfallSvg(data, 23)
). Can you play around with it a bit and see if that's flexible enough for you?
Each bar will have different colors depending on the content type. We discussed this before in another issue. I really like that because it makes it so easy to see what kind of content the page uses.
Do you mean the background of each row or the request bar? I personally like to break it into it's components - can you create a mockup of what you mean?
Redirects, errors can have different background colors per row. Think we also discuss that, but could be that it is hard to implement?
Had that in the back of my head as well - should be simple enough, just need to find the time to do it. Opened #27 for this.
Skip the icons. Yep it was my idea but it was probably a bad idea. Thinking we could use that space to show a small version of the image if the response is an image as Firefox do.
Need to think about this a bit, perhaps we can add a config-flag for this. Small images would only make sense if we have a server side resizer - it would be horrible to download giant images for the tiny preview.
from perfcascade.
Most of the colours are in the CSS and the bar-heigh can also be passed into the chart constructor (currently it's 23px createWaterfallSvg(data, 23)). Can you play around with it a bit and see if that's flexible enough for you?
Cool will test it out.
Do you mean the background of each row or the request bar? I personally like to break it into it's components - can you create a mockup of what you mean?
Yes :)
from perfcascade.
Close this for now, please create new issues if anything was missing.
from perfcascade.
Related Issues (20)
- foreignObject rendering bug HOT 1
- Chrome generates broken HAR HOT 6
- Need more detail on how to render other formats in perfCascade HOT 1
- How to add perf-cascade to html in angular HOT 1
- can we use this package in nodejs ?? HOT 1
- I need to pass Json data instead of har file in Perf-cascade HOT 1
- Better way of showing HTML/text HOT 1
- Graph is not showing for Json format HOT 5
- Error in uploading zip files HOT 2
- Added Json Format
- Example uses deprecated 'leftColumnWith' HOT 1
- Copy response content to clipboard? HOT 3
- white area blocks some fields HOT 4
- start of the waterfall is "missing" a block HOT 2
- Responses with HTTP status code of 0 not highlighted HOT 2
- Marker is rendered outside of view HOT 3
- Last release broken for some HARs HOT 4
- x-axis value disappearing in waterfall model representation of page load HOT 5
- Content encoded with BASE64
- Prefix option for CSS classes
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.
from perfcascade.