Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorCatalin Mititiuc <webdevcat@proton.me>2024-06-17 16:09:23 -0700
committerCatalin Mititiuc <webdevcat@proton.me>2024-06-17 16:09:23 -0700
commit5e05d00197bc617128a596c881e40c117c90055e (patch)
tree7d66e43da2c38321919b49e1bf6e9951603ce27b /public
parent2979c6c3fdfe89ea0a15669540a20459377c0a8c (diff)
Render different elevation level hex grids
Diffstat (limited to 'public')
-rw-r--r--public/radial.html25
1 files changed, 23 insertions, 2 deletions
diff --git a/public/radial.html b/public/radial.html
index 8ee5ac9..9dbee63 100644
--- a/public/radial.html
+++ b/public/radial.html
@@ -3,13 +3,14 @@
<head>
<style>
polygon {
- fill: none;
+ fill: inherit;
stroke: black;
stroke-width: 0.5px;
}
svg {
border: 1px solid slategray;
+ fill: none;
}
text {
@@ -17,11 +18,31 @@
text-anchor: middle;
user-select: none;
font-family: sans-serif;
+ fill: black;
+ }
+
+ .buildings .elevation-basement {
+ fill: lightgray;
+ /* display: none; */
+ }
+
+ .elevation-1 {
+ /* display: none; */
+ }
+
+ .buildings .elevation-1 {
+ fill: lightgreen;
+ /* display: none; */
+ }
+
+ .buildings .elevation-2 {
+ fill: lightpink;
+ display: none;
}
</style>
</head>
<body>
- <svg viewBox="-150 -100 300 200" xmlns="http://www.w3.org/2000/svg">
+ <svg viewBox="-300 -200 600 400" xmlns="http://www.w3.org/2000/svg">
<defs>
<polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
</defs>