diagrams-canvas

HTML5 canvas backend for diagrams drawing EDSL

https://diagrams.github.io/

Version on this page:	1.4.1.2
LTS Haskell 24.18:	1.4.2@rev:2
Stackage Nightly 2025-11-04:	1.4.2@rev:2
Latest on Hackage:	1.4.2@rev:2

See all snapshots diagrams-canvas appears in

BSD-3-Clause licensed by Jeffrey Rosenbluth, Ryan Yates, Brent Yorgey, Andy Gill, Daniel Bergey

Maintained by [email protected]

This version can be pinned in stack with:diagrams-canvas-1.4.1.2@sha256:22f3fdddfc6d2c34e300b105475d73ba226da5bcfc1c9c584ff7c58375099fae,1830

Module documentation for 1.4.1.2

Diagrams
- Diagrams.Backend
  - Diagrams.Backend.Canvas
    - Diagrams.Backend.Canvas.CmdLine

Depends on 13 packages(full list with versions):

base, blank-canvas, cmdargs, containers, data-default-class, diagrams-core, diagrams-lib, lens, mtl, NumInstances, optparse-applicative, statestack, text

diagrams-canvas

diagrams-canvas is a canvas backend for diagrams based on the blank-canvas https://github.com/ku-fpg/blank-canvas package. Diagrams is a powerful, flexible, declarative domain-specific language for creating vector graphics, using the Haskell programming language. It supports most features defined in diagrams-lib.

Installation

cabal update && cabal install diagrams-canvas

Usage

A simple example that uses diagrams-canvas to draw a square.

import Diagrams.Prelude
import Diagrams.Backend.Canvas.CmdLine

b1 = (square 20 :: Diagram B) # lw 0.002

main = mainWith (pad 1.1 b1)

Save this to file named Square.hs and compile this program:

ghc --make -threaded Square.hs

This will generate an executable which, when run dispays the resulting diagrams to http://localhost:3000/

$ ./Square -w 750

Changes

v1.4.1.2 (2023-06-22)

Allow base-4.18, optparse-applicative-0.18, and mtl-2.3
Test on GHC 9.6
Drop support for GHC < 8.8

v1.4.1.1 (2022-09-12)

allow base-4.17, lens-5.2, text-2.0
test on GHC 9.4

v1.4.1 (2018-05-09)

allow base-4.11
allow lens-4.16
Add Semigroup (Render Canvas V2 Double) instance
r1 (13 August 2021)
- Allow base-4.15, blank-canvas-0.7, lens-5.0, containers-0.6, statestack-0.3, optparse-applicative-0.16, diagrams-core-1.5
r3 (4 Feb 2022): allow optparse-applicative-0.17