In the list I can render and refresh SVG.
In the viewbox for some reason I cannot refresh SVG both components are on a test UX using the same Arguements to filter.
List template.
<svg width="300" height="350" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<text x="20" y="210" style="writing-mode: tb;">
White
</text>
<text x="50" y="210" style="writing-mode: tb;">
Latin
</text>
<text x="80" y="210" style="writing-mode: tb;">
Black
</text>
<text x="110" y="210" style="writing-mode: tb;">
Asain
</text>
<text x="140" y="210" style="writing-mode: tb;">
Other
</text>
<line x1="20" y1="{data:white}" x2="20" y2="200" style="stroke:#006600; stroke-width: 10;"/>
<line x1="50" y1="{data:Latin}" x2="50" y2="200" style="stroke:blue; stroke-width: 10;"/>
<line x1="80" y1="{data:Black}" x2="80" y2="200" style="stroke:gray; stroke-width: 10;"/>
<line x1="110" y1="{data:Asian}" x2="110" y2="200" style="stroke:orange; stroke-width: 10;"/>
<line x1="140" y1="{data:Other}" x2="140" y2="200" style="stroke:purple; stroke-width: 10;"/>
</svg>
A very similar template in the viewbox does not refresh. Is there a construct like {data:white} for the viewbox?
<svg width="300" height="350" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<text x="20" y="210" style="writing-mode: tb;">
White
</text>
<text x="50" y="210" style="writing-mode: tb;">
Latin
</text>
<text x="80" y="210" style="writing-mode: tb;">
Black
</text>
<text x="110" y="210" style="writing-mode: tb;">
Asain
</text>
<text x="140" y="210" style="writing-mode: tb;">
Other
</text>
<line x1="20" y1="{white}" x2="20" y2="200" style="stroke:#006600; stroke-width: 10;"/>
<line x1="50" y1="{Latin}" x2="50" y2="200" style="stroke:blue; stroke-width: 10;"/>
<line x1="80" y1="{Black}" x2="80" y2="200" style="stroke:gray; stroke-width: 10;"/>
<line x1="110" y1="{Asian}" x2="110" y2="200" style="stroke:orange; stroke-width: 10;"/>
<line x1="140" y1="{Other}" x2="140" y2="200" style="stroke:purple; stroke-width: 10;"/>
</svg>
In the viewbox for some reason I cannot refresh SVG both components are on a test UX using the same Arguements to filter.
List template.
<svg width="300" height="350" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<text x="20" y="210" style="writing-mode: tb;">
White
</text>
<text x="50" y="210" style="writing-mode: tb;">
Latin
</text>
<text x="80" y="210" style="writing-mode: tb;">
Black
</text>
<text x="110" y="210" style="writing-mode: tb;">
Asain
</text>
<text x="140" y="210" style="writing-mode: tb;">
Other
</text>
<line x1="20" y1="{data:white}" x2="20" y2="200" style="stroke:#006600; stroke-width: 10;"/>
<line x1="50" y1="{data:Latin}" x2="50" y2="200" style="stroke:blue; stroke-width: 10;"/>
<line x1="80" y1="{data:Black}" x2="80" y2="200" style="stroke:gray; stroke-width: 10;"/>
<line x1="110" y1="{data:Asian}" x2="110" y2="200" style="stroke:orange; stroke-width: 10;"/>
<line x1="140" y1="{data:Other}" x2="140" y2="200" style="stroke:purple; stroke-width: 10;"/>
</svg>
A very similar template in the viewbox does not refresh. Is there a construct like {data:white} for the viewbox?
<svg width="300" height="350" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<text x="20" y="210" style="writing-mode: tb;">
White
</text>
<text x="50" y="210" style="writing-mode: tb;">
Latin
</text>
<text x="80" y="210" style="writing-mode: tb;">
Black
</text>
<text x="110" y="210" style="writing-mode: tb;">
Asain
</text>
<text x="140" y="210" style="writing-mode: tb;">
Other
</text>
<line x1="20" y1="{white}" x2="20" y2="200" style="stroke:#006600; stroke-width: 10;"/>
<line x1="50" y1="{Latin}" x2="50" y2="200" style="stroke:blue; stroke-width: 10;"/>
<line x1="80" y1="{Black}" x2="80" y2="200" style="stroke:gray; stroke-width: 10;"/>
<line x1="110" y1="{Asian}" x2="110" y2="200" style="stroke:orange; stroke-width: 10;"/>
<line x1="140" y1="{Other}" x2="140" y2="200" style="stroke:purple; stroke-width: 10;"/>
</svg>