/* https://www.vis4.net/palettes/#/9|d|00429d,96ffea|ffffe0,ff005e,93003a|1|1 */ :root { --data-series-0--1-only: #000; --data-series-0--3-or-less: #00429d; --data-series-1--3-or-less: #96ffea; --data-series-2--3-or-less: #93003a; --data-series-0--5-or-less: #00429d; --data-series-1--5-or-less: #629cc4; --data-series-2--5-or-less: #96ffea; --data-series-3--5-or-less: #f4777f; --data-series-4--5-or-less: #93003a; --data-series-0--7-or-less: #00429d; --data-series-1--7-or-less: #4d7cb7; --data-series-2--7-or-less: #74bcd1; --data-series-3--7-or-less: #96ffea; --data-series-4--7-or-less: #ffa59e; --data-series-5--7-or-less: #dd4c65; --data-series-6--7-or-less: #93003a; --data-series-0--9-or-less: #00429d; --data-series-1--9-or-less: #416db1; --data-series-2--9-or-less: #629cc4; --data-series-3--9-or-less: #7dccd7; --data-series-4--9-or-less: #96ffea; --data-series-5--9-or-less: #ffbcaf; --data-series-6--9-or-less: #f4777f; --data-series-7--9-or-less: #cf3759; --data-series-8--9-or-less: #93003a; } .background { fill: white; } text { font-size: 14px; font-family: sans-serif; } .axis-path, .axis-line { fill: none; stroke: #000; stroke-width: 1px; shape-rendering: crispEdges; } .line { fill: none; stroke-width: 1.5px; } .error-bar { fill: none; } /* Series of 1 */ .data-series-0.data-series-count-1 { stroke: var(--data-series-0--1-only); fill: var(--data-series-0--1-only); } /* Series of 3 */ .data-series-0.data-series-count-3, .data-series-0.data-series-count-2 { stroke: var(--data-series-0--3-or-less); fill: var(--data-series-0--3-or-less); } .data-series-1.data-series-count-3, .data-series-1.data-series-count-2 { stroke: var(--data-series-1--3-or-less); fill: var(--data-series-1--3-or-less); } .data-series-2.data-series-count-3, .data-series-2.data-series-count-2 { stroke: var(--data-series-2--3-or-less); fill: var(--data-series-2--3-or-less); } /* Series of 5 */ .data-series-0.data-series-count-5, .data-series-0.data-series-count-4 { stroke: var(--data-series-0--5-or-less); fill: var(--data-series-0--5-or-less); } .data-series-1.data-series-count-5, .data-series-1.data-series-count-4 { stroke: var(--data-series-1--5-or-less); fill: var(--data-series-1--5-or-less); } .data-series-2.data-series-count-5, .data-series-2.data-series-count-4 { stroke: var(--data-series-2--5-or-less); fill: var(--data-series-2--5-or-less); } .data-series-3.data-series-count-5, .data-series-3.data-series-count-4 { stroke: var(--data-series-3--5-or-less); fill: var(--data-series-3--5-or-less); } .data-series-4.data-series-count-5, .data-series-4.data-series-count-4 { stroke: var(--data-series-4--5-or-less); fill: var(--data-series-4--5-or-less); } /* Series of 7 */ .data-series-0.data-series-count-7, .data-series-0.data-series-count-6 { stroke: var(--data-series-0--7-or-less); fill: var(--data-series-0--7-or-less); } .data-series-1.data-series-count-7, .data-series-1.data-series-count-6 { stroke: var(--data-series-1--7-or-less); fill: var(--data-series-1--7-or-less); } .data-series-2.data-series-count-7, .data-series-2.data-series-count-6 { stroke: var(--data-series-2--7-or-less); fill: var(--data-series-2--7-or-less); } .data-series-3.data-series-count-7, .data-series-3.data-series-count-6 { stroke: var(--data-series-3--7-or-less); fill: var(--data-series-3--7-or-less); } .data-series-4.data-series-count-7, .data-series-4.data-series-count-6 { stroke: var(--data-series-4--7-or-less); fill: var(--data-series-4--7-or-less); } .data-series-5.data-series-count-7, .data-series-5.data-series-count-6 { stroke: var(--data-series-5--7-or-less); fill: var(--data-series-5--7-or-less); } .data-series-6.data-series-count-7, .data-series-6.data-series-count-6 { stroke: var(--data-series-6--7-or-less); fill: var(--data-series-6--7-or-less); } /* Series of 9 */ .data-series-0.data-series-count-9, .data-series-0.data-series-count-8 { stroke: var(--data-series-0--9-or-less); fill: var(--data-series-0--9-or-less); } .data-series-1.data-series-count-9, .data-series-1.data-series-count-8 { stroke: var(--data-series-1--9-or-less); fill: var(--data-series-1--9-or-less); } .data-series-2.data-series-count-9, .data-series-2.data-series-count-8 { stroke: var(--data-series-2--9-or-less); fill: var(--data-series-2--9-or-less); } .data-series-3.data-series-count-9, .data-series-3.data-series-count-8 { stroke: var(--data-series-3--9-or-less); fill: var(--data-series-3--9-or-less); } .data-series-4.data-series-count-9, .data-series-4.data-series-count-8 { stroke: var(--data-series-4--9-or-less); fill: var(--data-series-4--9-or-less); } .data-series-5.data-series-count-9, .data-series-5.data-series-count-8 { stroke: var(--data-series-5--9-or-less); fill: var(--data-series-5--9-or-less); } .data-series-6.data-series-count-9, .data-series-6.data-series-count-8 { stroke: var(--data-series-6--9-or-less); fill: var(--data-series-6--9-or-less); } .data-series-7.data-series-count-9, .data-series-7.data-series-count-8 { stroke: var(--data-series-7--9-or-less); fill: var(--data-series-7--9-or-less); } .data-series-8.data-series-count-9, .data-series-8.data-series-count-8 { stroke: var(--data-series-8--9-or-less); fill: var(--data-series-8--9-or-less); }

purescript-benchotron SVG renderer

Perform benchmarks on your PureScript/JavaScript code, using purescript-benchotron (Jordan's fork).
Upload the results here and have lovely SVG graphs rendered for you.

Error bars represent one standard deviation (estimated), above and below the recorded mean.