Commit c458c029 authored by Paul Asmuth's avatar Paul Asmuth
Browse files

update the examples page

parent e76c531f

examples/charts-basic/barchart_horizontal.fvz

+5 −2
Original line number Diff line number Diff line 
(set height 300px)

(set width 960px)



(plot

    axes (left)

    limit-x (0 24)
@@ -7,5 +10,5 @@ 
      data-y (csv "tests/testdata/gdp_per_capita_2010.csv" country)

      labels (csv "tests/testdata/gdp_per_capita_2010.csv" gdp_label)

      direction horizontal

      bar-width (1.2em)

      color #666))
 
      bar-width (1.4em)

      color 1))

examples/charts-basic/barchart_horizontal.svg

+39 −39
Original line number Diff line number Diff line 
<svg xmlns="http://www.w3.org/2000/svg" width="900.000000" height="480.000000" viewBox="0 0 900 480">

  <rect width="900.000000" height="480.000000" fill="#ffffff"/>

  <path fill="#666666" d="M130.775 431.496 L716.312 431.496 L716.312 449.096 L130.775 449.096 "/>

  <path fill="#666666" d="M130.775 381.422 L483.468 381.422 L483.468 399.022 L130.775 399.022 "/>

  <path fill="#666666" d="M130.775 331.348 L285.962 331.348 L285.962 348.948 L130.775 348.948 "/>

  <path fill="#666666" d="M130.775 281.274 L240.092 281.274 L240.092 298.874 L130.775 298.874 "/>

  <path fill="#666666" d="M130.775 231.2 L213.996 231.2 L213.996 248.8 L130.775 248.8 "/>

  <path fill="#666666" d="M130.775 181.126 L208.274 181.126 L208.274 198.726 L130.775 198.726 "/>

  <path fill="#666666" d="M130.775 131.052 L201.798 131.052 L201.798 148.652 L130.775 148.652 "/>

  <path fill="#666666" d="M130.775 80.9778 L189.19 80.9778 L189.19 98.5778 L130.775 98.5778 "/>

  <path fill="#666666" d="M130.775 30.9037 L187.21 30.9037 L187.21 48.5037 L130.775 48.5037 "/>

  <text x="725.112267" y="445.296296" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$18,624bln</text>

  <text x="492.268141" y="395.222222" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$11,218bln</text>

  <text x="294.762497" y="345.148148" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$11,218bln</text>

  <text x="248.891639" y="295.074074" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$11,218bln</text>

  <text x="222.796496" y="245.000000" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$11,218bln</text>

  <text x="217.074429" y="194.925926" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$2,465bln</text>

  <text x="210.597803" y="144.851852" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$2.259bln</text>

  <text x="197.990391" y="94.777778" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$1.858bln</text>

  <text x="196.009675" y="44.703704" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$1.795bln</text>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 14.6667 L130.775 465.333 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 465.333 L136.108 465.333 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 415.259 L136.108 415.259 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 365.185 L136.108 365.185 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 315.111 L136.108 315.111 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 265.037 L136.108 265.037 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 214.963 L136.108 214.963 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 164.889 L136.108 164.889 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 114.815 L136.108 114.815 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 64.7407 L136.108 64.7407 "/>

<svg xmlns="http://www.w3.org/2000/svg" width="960.000000" height="300.000000" viewBox="0 0 960 300">

  <rect width="960.000000" height="300.000000" fill="#ffffff"/>

  <path fill="#4572a7" d="M130.775 260.03 L762.872 260.03 L762.872 280.563 L130.775 280.563 "/>

  <path fill="#4572a7" d="M130.775 229.956 L511.513 229.956 L511.513 250.489 L130.775 250.489 "/>

  <path fill="#4572a7" d="M130.775 199.881 L298.302 199.881 L298.302 220.415 L130.775 220.415 "/>

  <path fill="#4572a7" d="M130.775 169.807 L248.784 169.807 L248.784 190.341 L130.775 190.341 "/>

  <path fill="#4572a7" d="M130.775 139.733 L220.614 139.733 L220.614 160.267 L130.775 160.267 "/>

  <path fill="#4572a7" d="M130.775 109.659 L214.437 109.659 L214.437 130.193 L130.775 130.193 "/>

  <path fill="#4572a7" d="M130.775 79.5852 L207.445 79.5852 L207.445 100.119 L130.775 100.119 "/>

  <path fill="#4572a7" d="M130.775 49.5111 L193.835 49.5111 L193.835 70.0444 L130.775 70.0444 "/>

  <path fill="#4572a7" d="M130.775 19.437 L191.697 19.437 L191.697 39.9704 L130.775 39.9704 "/>

  <text x="771.672267" y="275.296296" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$18,624bln</text>

  <text x="520.313141" y="245.222222" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$11,218bln</text>

  <text x="307.102497" y="215.148148" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$11,218bln</text>

  <text x="257.584139" y="185.074074" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$11,218bln</text>

  <text x="229.413996" y="155.000000" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$11,218bln</text>

  <text x="223.236929" y="124.925926" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$2,465bln</text>

  <text x="216.245303" y="94.851852" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$2.259bln</text>

  <text x="202.635391" y="64.777778" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$1.858bln</text>

  <text x="200.497175" y="34.703704" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">$1.795bln</text>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 14.6667 L130.775 285.333 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 285.333 L136.108 285.333 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 255.259 L136.108 255.259 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 225.185 L136.108 225.185 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 195.111 L136.108 195.111 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 165.037 L136.108 165.037 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 134.963 L136.108 134.963 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 104.889 L136.108 104.889 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 74.8148 L136.108 74.8148 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 44.7407 L136.108 44.7407 "/>

  <path stroke-width="1.333333" stroke="#000000" fill="none" d="M130.775 14.6667 L136.108 14.6667 "/>

  <text x="30.963542" y="445.296296" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">United States</text>

  <text x="80.713542" y="395.222222" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">China</text>

  <text x="79.072917" y="345.148148" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">Japan</text>

  <text x="58.713542" y="295.074074" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">Germany</text>

  <text x="14.666667" y="245.000000" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">United Kingdom</text>

  <text x="73.369792" y="194.925926" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">France</text>

  <text x="87.229167" y="144.851852" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">India</text>

  <text x="92.119792" y="94.777778" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">Italy</text>

  <text x="82.338542" y="44.703704" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">Brazil</text>

  <text x="30.963542" y="275.296296" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">United States</text>

  <text x="80.713542" y="245.222222" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">China</text>

  <text x="79.072917" y="215.148148" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">Japan</text>

  <text x="58.713542" y="185.074074" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">Germany</text>

  <text x="14.666667" y="155.000000" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">United Kingdom</text>

  <text x="73.369792" y="124.925926" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">France</text>

  <text x="87.229167" y="94.851852" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">India</text>

  <text x="92.119792" y="64.777778" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">Italy</text>

  <text x="82.338542" y="34.703704" fill="#000000" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif" font-weight="500.000000">Brazil</text>

</svg>
 
 No newline at end of file

examples/charts-basic/barchart_ranges.fvz

+5 −2
Original line number Diff line number Diff line 
(set height 300px)

(set width 960px)



(plot

    axes (top right bottom left)

    limit-x (0.5 6.5)
@@ -9,11 +12,11 @@ 
      data-y-low (csv "tests/testdata/bardata.csv" var2)

      bar-width (1em)

      bar-offset (-.8em)

      color #ccc)

      color 1)

    bars (

      data-x (csv "tests/testdata/bardata.csv" var0)

      data-y (csv "tests/testdata/bardata.csv" var4)

      data-y-low (csv "tests/testdata/bardata.csv" var5)

      bar-width (1em)

      bar-offset (.8em)

      color #666))
 
      color 2))

examples/charts-basic/barchart_ranges.svg

+98 −98

File changed.

Preview size limit exceeded, changes collapsed.

examples/charts-basic/barchart_with_labels.fvz

+10 −3
Original line number Diff line number Diff line 
(set height 280px)

(set width 960px)



(plot

    axes (top right bottom left)

    axes (bottom)

    limit-x (0 13)

    limit-y (0 25)

    limit-y (0 23)

    axis-x-label-placement (linear-interval 1 1 12)

    axis-x-label-placement (linear-interval 1 1 12)

    axis-x-label-format (custom "Jan" "Feb" "Mar" "Apr" "May" "Jun" "Jul" "Aug" "Sep" "Oct" "Nov" "Dec")
@@ -10,4 +13,8 @@ 
      data-y (csv "tests/testdata/city_temperatures_london.csv" temperature)

      labels (csv "tests/testdata/city_temperatures_london.csv" temperature_str)

      bar-width (2em)

      color #666))
 
      color 5)

    legend-overlay (

      position (top left)

      border none

      item (label "London - Average Monthly Temperature" color 5)))

CRA Git | Maintained and supported by SUSTech CRA and CCSE