Github/littlefs
1
Fork 0
Code Actions Activity

scripts: *d3.py: Tried to make highlighted graphs more visible

Browse Source 
These were hard to read, especially in light mode (which I use the
least). They're still hard to read, but hopefully a bit less so:

- Decreased opacity of unfocused tiles 0.7 -> 0.5
- Don't unfocus unused blocks in dbgbmapd3.py
- Softened arrow color in light mode #000000 -> #555555
This commit is contained in:
Christopher Haster
2025-04-05 15:18:45 -05:00
parent 97e2786545
commit cbd3fed8b8
2 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/codemapd3.py
+5 -3
View File
@@ -1474,7 +1474,8 @@ def main(paths, output, *,
'markerWidth="6" ' 'markerWidth="6" '
'markerHeight="6" ' 'markerHeight="6" '
'orient="auto-start-reverse" ' 'orient="auto-start-reverse" '
'fill="black">') 'fill="%(color)s">' % dict(
color='#000000' if dark else '#555555'))
f.write('<path d="M 0 0 L 10 5 L 0 10 z"/>') f.write('<path d="M 0 0 L 10 5 L 0 10 z"/>')
f.write('</marker>') f.write('</marker>')
f.write('</defs>') f.write('</defs>')
@@ -1517,7 +1518,7 @@ def main(paths, output, *,
f.write('function draw_unfocus() {') f.write('function draw_unfocus() {')
# lower opacity of unfocused tiles # lower opacity of unfocused tiles
f.write( 'for (let b of document.querySelectorAll(".tile")) {') f.write( 'for (let b of document.querySelectorAll(".tile")) {')
f.write( 'b.setAttribute("fill-opacity", 0.7);') f.write( 'b.setAttribute("fill-opacity", 0.5);')
f.write( '}') f.write( '}')
f.write('}') f.write('}')
@@ -1557,7 +1558,8 @@ def main(paths, output, *,
f.write( 'arrow.setAttribute("y1", a_iy);') f.write( 'arrow.setAttribute("y1", a_iy);')
f.write( 'arrow.setAttribute("x2", b_ix);') f.write( 'arrow.setAttribute("x2", b_ix);')
f.write( 'arrow.setAttribute("y2", b_iy);') f.write( 'arrow.setAttribute("y2", b_iy);')
f.write( 'arrow.setAttribute("stroke", "black");') f.write( 'arrow.setAttribute("stroke", "%(color)s");' % dict(
color='#000000' if dark else '#555555'))
f.write( 'arrow.setAttribute("marker-end", "url(#arrowhead)");') f.write( 'arrow.setAttribute("marker-end", "url(#arrowhead)");')
f.write( 'arrow.setAttribute("pointer-events", "none");') f.write( 'arrow.setAttribute("pointer-events", "none");')
f.write( 'a.parentElement.appendChild(arrow);') f.write( 'a.parentElement.appendChild(arrow);')
scripts/dbgbmapd3.py
+13 -7
View File
@@ -5019,10 +5019,11 @@ def main(disk, output, mroots=None, *,
f.write('<g ' f.write('<g '
'id="b-%(block)d" ' 'id="b-%(block)d" '
'class="block" ' 'class="block %(type)s" '
'transform="translate(%(x)d,%(y)d)" ' 'transform="translate(%(x)d,%(y)d)" '
'%(js)s>' % dict( '%(js)s>' % dict(
block=b.block, block=b.block,
type=b.type,
x=b.x, x=b.x,
y=b.y, y=b.y,
js= 'data-block="%(block)d" ' js= 'data-block="%(block)d" '
@@ -5092,7 +5093,8 @@ def main(disk, output, mroots=None, *,
'markerWidth="6" ' 'markerWidth="6" '
'markerHeight="6" ' 'markerHeight="6" '
'orient="auto-start-reverse" ' 'orient="auto-start-reverse" '
'fill="black">') 'fill="%(color)s">' % dict(
color='#000000' if dark else '#555555'))
f.write('<path d="M 0 0 L 10 5 L 0 10 z"/>') f.write('<path d="M 0 0 L 10 5 L 0 10 z"/>')
f.write('</marker>') f.write('</marker>')
f.write('</defs>') f.write('</defs>')
@@ -5140,8 +5142,9 @@ def main(disk, output, mroots=None, *,
# our main drawing functions # our main drawing functions
f.write('function draw_unfocus() {') f.write('function draw_unfocus() {')
# lower opacity of unfocused tiles # lower opacity of unfocused tiles
f.write( 'for (let b of document.querySelectorAll(".block")) {') f.write( 'for (let b of document.querySelectorAll('
f.write( 'b.setAttribute("fill-opacity", 0.7);') '".block:not(.unused)")) {')
f.write( 'b.setAttribute("fill-opacity", 0.5);')
f.write( '}') f.write( '}')
f.write('}') f.write('}')
@@ -5181,7 +5184,8 @@ def main(disk, output, mroots=None, *,
f.write( 'arrow.setAttribute("y1", a_iy);') f.write( 'arrow.setAttribute("y1", a_iy);')
f.write( 'arrow.setAttribute("x2", b_ix);') f.write( 'arrow.setAttribute("x2", b_ix);')
f.write( 'arrow.setAttribute("y2", b_iy);') f.write( 'arrow.setAttribute("y2", b_iy);')
f.write( 'arrow.setAttribute("stroke", "black");') f.write( 'arrow.setAttribute("stroke", "%(color)s");' % dict(
color='#000000' if dark else '#555555'))
f.write( 'arrow.setAttribute("marker-end", "url(#arrowhead)");') f.write( 'arrow.setAttribute("marker-end", "url(#arrowhead)");')
f.write( 'arrow.setAttribute("pointer-events", "none");') f.write( 'arrow.setAttribute("pointer-events", "none");')
f.write( 'a.parentElement.appendChild(arrow);') f.write( 'a.parentElement.appendChild(arrow);')
@@ -5217,7 +5221,8 @@ def main(disk, output, mroots=None, *,
f.write( 'arrow.setAttribute("y1", a_iy);') f.write( 'arrow.setAttribute("y1", a_iy);')
f.write( 'arrow.setAttribute("x2", b_ix);') f.write( 'arrow.setAttribute("x2", b_ix);')
f.write( 'arrow.setAttribute("y2", b_iy);') f.write( 'arrow.setAttribute("y2", b_iy);')
f.write( 'arrow.setAttribute("stroke", "black");') f.write( 'arrow.setAttribute("stroke", "%(color)s");' % dict(
color='#000000' if dark else '#555555'))
f.write( 'arrow.setAttribute("stroke-dasharray", "5,5");') f.write( 'arrow.setAttribute("stroke-dasharray", "5,5");')
f.write( 'arrow.setAttribute("pointer-events", "none");') f.write( 'arrow.setAttribute("pointer-events", "none");')
f.write( 'a.parentElement.appendChild(arrow);') f.write( 'a.parentElement.appendChild(arrow);')
@@ -5474,7 +5479,8 @@ def main(disk, output, mroots=None, *,
f.write( 'arrow.remove();') f.write( 'arrow.remove();')
f.write( '}') f.write( '}')
# revert opacity # revert opacity
f.write( 'for (let b of document.querySelectorAll(".block")) {') f.write( 'for (let b of document.querySelectorAll('
'".block:not(.unused)")) {')
f.write( 'b.setAttribute("fill-opacity", 1);') f.write( 'b.setAttribute("fill-opacity", 1);')
f.write( '}') f.write( '}')
f.write('}') f.write('}')