nou

Scatter plot with Chart.js

1 min read ·

Create shortcode for scatter plot with Chart.js.

create post

$ hugo new content tests/scatter-plot-with-chart-js.md
Content "D:\\blank\\content\\tests\\scatter-plot-with-chart-js.md" created

It is placed in content/tests folder while the shortcode being developed.

tests 1

{{< blank/scatter 80 320 >}}
B_XLABEL x
B_YLABEL y
B_SLABEL Data-1,Data-2,Data-3
B_PCOLOR #f88,#88f,#8f8
B_PRADII 4,6,0
B_LVISIB false,true,true
B_LCOLOR #f88,#88f,#8f8

5.000,3.000
4.902,3.618
4.618,4.176
4.176,4.618
3.618,4.902
3.000,5.000
2.382,4.902
1.824,4.618
1.382,4.176
1.098,3.618
1.000,3.000
1.098,2.382
1.382,1.824
1.824,1.382
2.382,1.098
3.000,1.000
3.618,1.098
4.176,1.382
4.618,1.824
4.902,2.382

12.000,3.000
11.934,3.624
11.741,4.220
11.427,4.763
11.007,5.229
10.500,5.598
9.927,5.853
9.314,5.984
8.686,5.984
8.073,5.853
7.500,5.598
6.993,5.229
6.573,4.763
6.259,4.220
6.066,3.624
6.000,3.000
6.066,2.376
6.259,1.780
6.573,1.237
6.993,0.771
7.500,0.402
8.073,0.147
8.686,0.016
9.314,0.016
9.927,0.147
10.500,0.402
11.007,0.771
11.427,1.237
11.741,1.780
11.934,2.376

9.000,2.000
8.809,2.588
8.309,2.951
7.691,2.951
7.191,2.588
7.000,2.000
7.191,1.412
7.691,1.049
8.309,1.049
8.809,1.412
{{< /blank/scatter >}}

test 2

{{< blank/scatter 80 360 >}}
B_XLABEL x-y
B_YLABEL x+y
B_SLABEL A,B,C
B_PCOLOR #22a,#2a2,#a22
B_PRADII 0,4,8
B_LVISIB true,false,false
B_LCOLOR #22a,#dfd,#fdd

0,0
1,0
1,1
0,1

3,0
3,2
5,2
5,0
4,1

7,0
8,4
9,7
10,9
11,9.5
12,9
13,7
14,4
15,0
{{< /blank/scatter >}}

version 1