Merge pull request #2 from JanCVanB/add_examples

Add more examples

Author: Jan Van Bruggen

README.md

@@ -5,7 +5,7 @@
 [Plotters](https://github.com/38/plotters)
 = <3
 
-![hello world example image](./examples/hello_world.svg)
+![example image](./examples/math.svg)
 
 ## How to example
 

examples/.gitignore

@@ -1,2 +1,4 @@
 # built executables
 hello_world
+math
+shapes

examples/hello_world.jpg

@@ -1,47 +1,37 @@
 app "hello_world"
     packages { pf: "../platform" }
-    imports [ pf.Config.{blue, green, red, cyan} ]
+    imports [ pf.Config ]
     provides [ config ] to pf
 
 config =
     {
-        outputFilePath: "./examples/hello_world.svg",
+        outputFilePath: "./examples/hello_world.png",
         title: "Hello, World!",
         subtitle: "",
-        width: 1024,
-        height: 768,
+        width: 800,
+        height: 600,
         lines: [
-            { name: "cosine", color: green, points: cos },
-            { name: "cosine x 2", color: cyan, points: cosX2 },
-            { name: "sine", color: blue, points: sin },
-            { name: "sine x 2", color: red, points: sinX2 },
+            { name: "up", color: Config.green, points: [P2 -1 -1, P2 1 1] },
+            { name: "down", color: Config.red, points: [P2 -1 1, P2 1 -1] },
         ],
         bounds: {
-            xMin: -3.2,
-            xMax: 3.2,
-            yMin: -2.1,
-            yMax: 2.1,
-        },
-        fonts: {
-            titleFamily: "sans-serif",
-            titleSize: 60,
-            subtitleFamily: "sans-serif",
-            subtitleSize: 40,
+            xMin: -1.1,
+            xMax: 1.1,
+            yMin: -1.1,
+            yMax: 1.1,
         },
         labels: {
-            xCount: 20,
-            yCount: 10,
+            xCount: 3,
+            yCount: 3,
         },
         layout: {
             chartMargin: 5,
             labelArea: 50,
         },
+        fonts: {
+            titleFamily: "sans-serif",
+            titleSize: 60,
+            subtitleFamily: "sans-serif",
+            subtitleSize: 40,
+        },
     }
-
-pi = 3.141592653589793
-ok = \r -> Result.withDefault r 0
-domain = List.range -100 101 |> List.map (\i -> pi * (Num.toFloat i) / 100 |> ok)
-cos = domain |> List.map (\x -> P2 x (Num.cos x))
-sin = domain |> List.map (\x -> P2 x (Num.sin x))
-cosX2 = domain |> List.map (\x -> P2 x (2 * Num.cos x))
-sinX2 = domain |> List.map (\x -> P2 x (2 * Num.sin x))

examples/hello_world.png

@@ -0,0 +1,47 @@
+app "math"
+    packages { pf: "../platform" }
+    imports [ pf.Config ]
+    provides [ config ] to pf
+
+config =
+    {
+        outputFilePath: "./examples/math.svg",
+        title: "Math",
+        subtitle: "This is what math looks like.",
+        width: 800,
+        height: 600,
+        lines: [
+            { name: "cosine", color: Config.green, points: cos },
+            { name: "cosine x 2", color: Config.cyan, points: cosX2 },
+            { name: "sine", color: Config.blue, points: sin },
+            { name: "- sine", color: Config.red, points: sinNeg },
+        ],
+        bounds: {
+            xMin: -3.2,
+            xMax: 3.2,
+            yMin: -2.1,
+            yMax: 2.1,
+        },
+        labels: {
+            xCount: 20,
+            yCount: 10,
+        },
+        layout: {
+            chartMargin: 5,
+            labelArea: 50,
+        },
+        fonts: {
+            titleFamily: "sans-serif",
+            titleSize: 60,
+            subtitleFamily: "sans-serif",
+            subtitleSize: 40,
+        },
+    }
+
+pi = 3.141592653589793
+ok = \r -> Result.withDefault r 0
+domain = List.range -100 101 |> List.map (\i -> pi * (Num.toFloat i) / 100 |> ok)
+cos = domain |> List.map (\x -> P2 x (Num.cos x))
+sin = domain |> List.map (\x -> P2 x (Num.sin x))
+cosX2 = domain |> List.map (\x -> P2 x (2 * Num.cos x))
+sinNeg = domain |> List.map (\x -> P2 x (0 - Num.sin x))

examples/hello_world.roc

@@ -0,0 +1,65 @@
+app "shapes"
+    packages { pf: "../platform" }
+    imports [ pf.Config ]
+    provides [ config ] to pf
+
+config =
+    {
+        outputFilePath: "./examples/shapes.jpg",
+        title: "Shapes",
+        subtitle: "",
+        width: 800,
+        height: 600,
+        lines: [
+            {
+                name: "rectangle",
+                color: Config.red,
+                points: [
+                    P2 0.1 0.3,
+                    P2 0.2 0.3,
+                    P2 0.2 0.2,
+                    P2 0.1 0.2,
+                    P2 0.1 0.3,
+                ],
+            },
+            {
+                name: "triangle",
+                color: Config.green,
+                points: [
+                    P2 0.4 0.6,
+                    P2 0.5 1.0,
+                    P2 0.6 0.6,
+                    P2 0.4 0.6,
+                ],
+            },
+            {
+                name: "plus",
+                color: Config.blue,
+                points: [
+                    P2 0.6 0.3, P2 0.8 0.3,
+                    P2 0.7 0.3,
+                    P2 0.7 0.4, P2 0.7 0.2,
+                ],
+            },
+        ],
+        bounds: {
+            xMin: 0,
+            xMax: 1,
+            yMin: 0,
+            yMax: 1,
+        },
+        labels: {
+            xCount: 5,
+            yCount: 5,
+        },
+        layout: {
+            chartMargin: 5,
+            labelArea: 50,
+        },
+        fonts: {
+            titleFamily: "sans-serif",
+            titleSize: 60,
+            subtitleFamily: "sans-serif",
+            subtitleSize: 40,
+        },
+    }