Enter D3 code to find and change the elements in the SVG blockso they render to...

Fantastic news! We've Found the answer you've been seeking!

Question:

Transcribed Image Text:

<p>Enter D3 code to find and change the elements in the SVG blockso they render to appear like the solution (and match its DOM).</p> <ul> <li>Use the <strong>d3.selectAll</strong> method to select all elements of a given type.</li> <li>Use the <strong>d3.select</strong> method to select the first elemenet of a given type</li> <li>Use the <strong>'fill'</strong> attribute to change the color of an SVG element. </li> </ul> <p><html> <script src='https://d3js.org/d3.v5.min.js'></script><body><svg width=100 height=100> <circle cx=30 cy=30 r-10></circle><circle cx-70 cy=30 r=10></circle> <rect x=20 y=50 width=60 height=20></rect></svg></body> <script></p> <p>// ENTER CODE HERE</p> <p> </p> <p></script></html></p> <p> </p> <p>Solution should look like this:</p> <p><img style="height:115px; width: 148px;" src="https://s3.amazonaws.com/si.experts.images/questions/2022/11/637cfb9b55963_259637cfb9b15b9b.jpg" alt="image"></p> <p>Solution DOM: </p> <li>circle: cx = "30" cy = "30" r= "10"fill = "green"</li> <li>circle: cx = "70" cy = "30" r= "10"fill = "red"</li> <li>rect: x = "20" y "50" width="60" height = "10"</li> </ul> <ul> <p>Enter D3 code to find and change the elements in the SVG blockso they render to appear like the solution (and match its DOM).</p> <ul> <li>Use the <strong>d3.selectAll</strong> method to select all elements of a given type.</li> <li>Use the <strong>d3.select</strong> method to select the first elemenet of a given type</li> <li>Use the <strong>'fill'</strong> attribute to change the color of an SVG element. </li> </ul> <p><html> <script src='https://d3js.org/d3.v5.min.js'></script><body><svg width=100 height=100> <circle cx=30 cy=30 r-10></circle><circle cx-70 cy=30 r=10></circle> <rect x=20 y=50 width=60 height=20></rect></svg></body> <script></p> <p>// ENTER CODE HERE</p> <p> </p> <p></script></html></p> <p> </p> <p>Solution should look like this:</p> <p><img style="height:115px; width: 148px;" src="https://s3.amazonaws.com/si.experts.images/questions/2022/11/637cfb9b55963_259637cfb9b15b9b.jpg" alt="image"></p> <p>Solution DOM: </p> <li>circle: cx = "30" cy = "30" r= "10"fill = "green"</li> <li>circle: cx = "70" cy = "30" r= "10"fill = "red"</li> <li>rect: x = "20" y "50" width="60" height = "10"</li> </ul> <ul>

Related Book For answer-question

answer-question

Elementary Statistics

Elementary Statistics

ISBN: 9780321691231

8th Edition

Authors: Neil A. Weiss

See More Books

Posted Date: Nov 22, 2022 11:41 AM