Skip to content

Latest commit

 

History

History
39 lines (29 loc) · 1.4 KB

README.md

File metadata and controls

39 lines (29 loc) · 1.4 KB
Raw

console.graph

Graph in the Chrome console.

Demo

Overview

The Google Chrome console supports a subset of CSS in its console.log messages. By giving characters a background color, it is possible to draw a graph using these messages.

Usage

console.graph(options) - Draw a graph to the console, options:

  • points - An array of data points. Scaling is automatically handled.
  • barWidth - The resolution of the bar chart. Higher numbers will result in more performant graphing.
  • height - The height in the console of the graph.
  • interval - The maximum rendering interval when in watch-mode.
  • step - A function which will be called just before the graph is rendered. Useful if you have additional logging which you don't want to be clobbered by the graph.
  • extraStyles - Additional CSS you wish to apply to the graph elements. Note that most block-level CSS is not accepted.

Returns a BarGraph object which has the methods:

  • add(point1, point2, ...) - Adds one or more points. Rescaling is handled automatically to fit in the console.
  • clear() - Clear the points
  • render() - Render the graph to the console.
  • watch() - Automatically rerender the graph when new points get added, never more frequently than options.interval milliseconds.
  • stop() - Stop watching