The QuickPlot package

[Tags:gpl, library]

Please see

[Skip to Readme]


Dependencies aeson (>=, attoparsec (>=, base (>=4.7 && <5), bytestring (>=0.10.6), haskell-src-meta (>=, parsec (>=3.1.9), QuickPlot, scientific (>=, snap (>=, snap-core (>=0.9.8), template-haskell (>=2.10), text (>=1.2.2), vector (>=0.11), websockets (>=, websockets-snap (>=0.9.2) [details]
License GPL-3
Author tepf
Category Graphics
Home page
Source repository head: git clone
Uploaded Mon Feb 15 09:53:41 UTC 2016 by tepf
Distributions NixOS:
Downloads 175 total (19 in the last 30 days)
0 []
Status Docs available [build log]
Last success reported on 2016-02-15 [all 1 reports]
Hackage Matrix CI





Build example executables


Use -f <flag> to enable a flag, or -f -<flag> to disable that flag. More info


Maintainer's Corner

For package maintainers and hackage trustees

Readme for QuickPlot

Readme for QuickPlot-


QuickPlot Demo

How does it work?

Haskell creates a simple server that runs in the background and sends data to a browser that visualizes it. In the demo above the browser and ghci runs inside Atom, but you can use any editor (even butterflies) with a fairly modern browser. Once the data arrives at the browser any JavaScript visualization library could take care of it like for example

How do I use it?

QuickPlot was designed to make interactive data exploration easier. So the following won't make much sense outside of ghci

0. Install QuickPlot

stack install QuickPlot
cabal install QuickPlot
-- or manually

1. Import QuickPlot

import QuickPlot
import QuickPlot.Plotly -- if you want to use the plotly library

2. Start QuickPlot


3. Connect to QuickPlot

Go to the address runQuickPlot printed

4. Plot

Here is the less verbose version of the full example:

-- As box aficionados we just measured the weight of all our boxes at home
-- and gathered the following data
blueBoxSizes   = [1.1, 1.8, 2.9, 3.3] :: [Double]
orangeBoxSizes = [3.1, 3.8, 5.9, 2.3] :: [Double]

-- We create traces from our data
blueBoxTrace = [plotly|{
      y    : #{ blueBoxSizes },
      type : "box"
orangeBoxTrace = [plotly|{
      y    : #{ orangeBoxSizes },
      type : "box"

-- And finally gain great insight from the data visualization
plot [blueBoxTrace, orangeBoxTrace]


Does it work on X?

Probably yes. If your browser supports WebSockets, HTML5, CSS3 you'll be fine. If not please update your browser. Find out more about here

Can you implement library X?

If the library takes JSON as an input, submit an issue. Libraries like D3.js are problematic however. Graphs in D3 are created programatically and therefore you can't just pick a graph type and say plot it. You have to create them from scratch. If there are examples that give you goosebumps it is possible to integrate them separately. Or you just include it as a user script yourself (once this is implemented)

How can I help?

There are many ways to do so:

  • If you know JavaScript/HTML/CSS you could make the UI prettier, more user friendly or easier extensible
  • Implement a visualization library in JavaScript

Can this library only use JavaScript libraries?

Technically any library that Haskell can convice to create graphics is compatible.