FINALLY add the rest of the graphs with this hellish code

i will be repenting to the DRY gods for the rest of eternity
This commit is contained in:
askiiart 2024-11-17 23:40:06 -06:00
parent 92ce85cf59
commit 4e20db145e
Signed by untrusted user who does not match committer: askiiart
GPG key ID: EA85979611654C30
8 changed files with 663 additions and 26 deletions

View file

@ -0,0 +1,4 @@
let labels;
let config;
let data;
let ctx;

View file

@ -0,0 +1,46 @@
labels = ['Null 25 GiB file', 'Random 25 GiB file', '100 million-sided polygon data', 'Linux LTS kernel', '1024 null files (avg)', '1024 random files (avg)']
data = [
{
label: 'DwarFS',
data: [351.30788, 3513.96, 480.97789, 0.882576, 0.000811, 0.000661],
backgroundColor: 'rgb(255, 99, 132)',
},
{
label: 'fuse-archive (tar)',
data: [0.0, 0.0, 0.0, 0.0, 0.000652, 0.000772],
backgroundColor: 'rgb(75, 192, 192)',
},
{
label: 'Btrfs',
data: [5.51523, 91.13626, 94.05722, 0.949771, 0.000741, 0.0007509999999999999],
backgroundColor: 'rgb(54, 162, 235)',
},
]
config = {
type: 'bar',
data: {
datasets: data,
labels
},
options: {
plugins: {
title: {
display: true,
text: 'Random Read Latency - in ms'
},
},
responsive: true,
interaction: {
intersect: false,
},
}
};
Chart.defaults.borderColor = "#eee"
Chart.defaults.color = "#eee";
ctx = document.getElementById("rand_read_latency_chart");
new Chart(ctx, config);

View file

@ -0,0 +1,46 @@
labels = ['Null 25 GiB file', 'Random 25 GiB file', '100 million-sided polygon data', 'Linux LTS kernel']
data = [
{
label: 'DwarFS',
data: [0.37114600000000003, 14.15143, 2.95083, 0.001523],
backgroundColor: 'rgb(255, 99, 132)',
},
{
label: 'fuse-archive (tar)',
data: [0.393568, 0.397626, 0.07750499999999999, 0.0012230000000000001],
backgroundColor: 'rgb(75, 192, 192)',
},
{
label: 'Btrfs',
data: [0.027922000000000002, 0.290906, 0.14088399999999998, 0.0013930000000000001],
backgroundColor: 'rgb(54, 162, 235)',
},
]
config = {
type: 'bar',
data: {
datasets: data,
labels
},
options: {
plugins: {
title: {
display: true,
text: 'Random Read Times - in ms'
},
},
responsive: true,
interaction: {
intersect: false,
},
}
};
Chart.defaults.borderColor = "#eee"
Chart.defaults.color = "#eee";
ctx = document.getElementById("rand_read_chart");
new Chart(ctx, config);

View file

@ -1,26 +1,26 @@
const labels = ['Null 25 GiB file', 'Random 25 GiB file', '100 million-sided polygon data', 'Linux LTS kernel', '1024 null files', '1024 random files']
let data = [
labels = ['Null 25 GiB file', 'Random 25 GiB file', '100 million-sided polygon data', 'Linux LTS kernel', '1024 null files (avg)', '1024 random files (avg)']
data = [
{
label: 'DwarFS',
data: [0.37114600000000003, 14.15143, 2.95083, 0.001523, 0.014287000000000001, 0.013595000000000001],
data: [96.32895, 109.78266, 96.3926, 94.55468, 0.014287000000000001, 0.013595000000000001],
backgroundColor: 'rgb(255, 99, 132)',
},
{
label: 'fuse-archive (tar)',
data: [0.393568, 0.397626, 0.07750499999999999, 0.0012230000000000001, 0.013405, 0.013465],
data: [98.66828, 94.52984, 96.61561, 93.25915, 0.013405, 0.013465],
backgroundColor: 'rgb(75, 192, 192)',
},
{
label: 'Btrfs',
data: [0.027922000000000002, 0.290906, 0.14088399999999998, 0.0013930000000000001, 0.0032860000000000003, 0.003326],
data: [96.79632, 97.642, 98.92292, 91.41823, 0.0032860000000000003, 0.003326],
backgroundColor: 'rgb(54, 162, 235)',
},
]
let config = {
config = {
type: 'bar',
data: {
datasets: data,
@ -42,5 +42,5 @@ let data = [
Chart.defaults.borderColor = "#eee"
Chart.defaults.color = "#eee";
let ctx = document.getElementById("seq_read_latency_chart");
ctx = document.getElementById("seq_read_latency_chart");
new Chart(ctx, config);

View file

@ -0,0 +1,46 @@
labels = ['Null 25 GiB file', 'Random 25 GiB file', '100 million-sided polygon data', 'Linux LTS kernel', '1024 null files (avg)', '1024 random files (avg)']
data = [
{
label: 'DwarFS',
data: [12.8049, 40.71916, 19.11096, 0.16075466, 0.000945113, 3.6729e-05],
backgroundColor: 'rgb(255, 99, 132)',
},
{
label: 'fuse-archive (tar)',
data: [24.88932, 24.84052, 26.63768, 0.121502, 4.131799999999999e-05, 1.6571e-05],
backgroundColor: 'rgb(75, 192, 192)',
},
{
label: 'Btrfs',
data: [25.5482, 16.91976, 17.98264, 0.08859571, 6.873e-06, 6.432e-06],
backgroundColor: 'rgb(54, 162, 235)',
},
]
config = {
type: 'bar',
data: {
datasets: data,
labels
},
options: {
plugins: {
title: {
display: true,
text: 'Sequential Read Times - in s'
},
},
responsive: true,
interaction: {
intersect: false,
},
}
};
Chart.defaults.borderColor = "#eee"
Chart.defaults.color = "#eee";
ctx = document.getElementById("seq_read_chart");
new Chart(ctx, config);