Skip to content

cowchimp/chunk-scatter

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
bin
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Chunk Scatter

"Chunk Scatter" is a simple tool for analyzing HTTP responses that use chunked encoding. It plots each chunk on a scatter graph to help visualize when each chunk was received by the client. By understanding exactly when and what your server is transmitting, you can optimize server flushing for improved performance.

Demo: See it in action

Blog post: Learn why and how to use Chunk Scatter

Screenshot

Screenshot

Running Chunk Scatter

  1. Install node.js
  2. Run npm install
  3. Run node bin/www
  4. Go to http://localhost:3000

Using Chunk Scatter

  1. Enter one or more URLs into the textbox separated by a new line
    Define an alias for each endpoint by adding it before the URL with a comma between them

  2. Click 'OK' (or Ctrl+Enter) to generate the scatter graph

  3. The y-axis represents the accumulated length of the response in terms of the number of characters
    The x-axis is simply the time in milliseconds since the request started

  4. Hover over any point and get a tooltip showing when the chunk was received and the response length at that time

  5. You can export the graph as an image by clicking the "Image" link below it

    See this blog post for more info

The Code

Dependencies: Express.js, request, async, Angular.js, Google Charts
Tested on IE9+

License

MIT

About

Analyze and visualize HTTP responses that use chunked encoding

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published