steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-05 01:42:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

highway, sac_scale and mtb:scale coloring

Browse Source
This commit is contained in:
vcoppe
2024-10-04 17:32:05 +02:00
parent d7a02f714a
commit 87534468d2
2 changed files with 136 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
website/src/lib/components/ElevationProfile.svelte
View File

@@ -19,7 +19,7 @@
ChartNoAxesColumn,
Construction
} from 'lucide-svelte';
import { surfaceColors, highwayColors } from '$lib/assets/colors';
import { getSlopeColor, getSurfaceColor, getHighwayColor } from '$lib/assets/colors';
import { _, locale } from 'svelte-i18n';
import {
getCadenceWithUnits,
@@ -443,33 +443,20 @@
chart.update();
}
let maxSlope = 20;
function slopeFillCallback(context) {
let slope = context.p0.raw.slope.segment;
if (slope > maxSlope) {
slope = maxSlope;
} else if (slope < -maxSlope) {
slope = -maxSlope;
}
let v = slope / maxSlope;
v = 1 / (1 + Math.exp(-6 * v));
v = v - 0.5;
let hue = ((0.5 - v) * 120).toString(10);
let lightness = 90 - Math.abs(v) * 70;
return ['hsl(', hue, ',70%,', lightness, '%)'].join('');
return getSlopeColor(context.p0.raw.slope.segment);
}
function surfaceFillCallback(context) {
let surface = context.p0.raw.extensions.surface;
return surfaceColors[surface] ? surfaceColors[surface] : surfaceColors.missing;
return getSurfaceColor(context.p0.raw.extensions.surface);
}
function highwayFillCallback(context) {
let highway = context.p0.raw.extensions.highway;
return highwayColors[highway] ? highwayColors[highway] : highwayColors.missing;
return getHighwayColor(
context.p0.raw.extensions.highway,
context.p0.raw.extensions.sac_scale,
context.p0.raw.extensions['mtb:scale']
);
}
$: if (chart) {