feat: without blend multiply
All checks were successful
continuous-integration/drone/push Build is passing

Signed-off-by: kjuulh <contact@kjuulh.io>
This commit is contained in:
Kasper Juul Hermansen 2024-11-21 22:43:47 +01:00
parent 5c96f9d52f
commit befa186b08
Signed by: kjuulh
GPG Key ID: D85D7535F18F35FA

View File

@ -6,7 +6,7 @@
<title>Space-Themed Heatmap</title> <title>Space-Themed Heatmap</title>
<script src="https://d3js.org/d3.v7.min.js"></script> <script src="https://d3js.org/d3.v7.min.js"></script>
<style> <style>
body { html, body {
background-color: #0B0C10; background-color: #0B0C10;
color: #E5E5E5; color: #E5E5E5;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
@ -149,7 +149,7 @@
.attr("height", 25) // Minimized spacing between blocks .attr("height", 25) // Minimized spacing between blocks
.attr("fill", d => categories[d.category].color) .attr("fill", d => categories[d.category].color)
.attr("opacity", d => d.intensity) .attr("opacity", d => d.intensity)
.attr("filter", "url(#blend-multiply)") // Apply blend mode //.attr("filter", "url(#blend-multiply)") // Apply blend mode
.merge(cells) // Merge updates .merge(cells) // Merge updates
.attr("x", d => x(new Date(d.timestamp))) .attr("x", d => x(new Date(d.timestamp)))
.attr("opacity", d => d.intensity) .attr("opacity", d => d.intensity)