art-svg | main art project | Animation library

I'm trying to implement this https://codepen.io/endymion1818/pen/ygvVgQ codeopen doughnut chart, I put the codes in my files but its js does not work. ths percentage counter works ang goes from 0 up , but the color of circle is stuck on red

enter image description here

I'm not sure I understand how to use D3's interpolateSpectral to get my color scheme. When I attempt the following my colors work, the problem is I don't know how many potential colors I could need so I wanted to use interpolateSpectral to get as many as my dataset asks for.

When I do this

I am a newbie to D3.js and i am facing issue with basic line chart. I am following through a tutorial to create a line chart, but I'm having issue in creating the chart.

Attached is my code and I'm unable to see the chart.

I can see that "path" tag is added to SVG, but "d" attribute is not added to the "path" tag due to which I'm unable to see the graph.

I don't see any errors in console. Do I have to rotate/ transform the graph to see the line chart? Could someone help on this please?

I am currently doing an automation to check a donut chart and iterate for each color on the donut, There is a functionality where if you hover on the other color, all others will opacity by 30%. So im checking this using a nested for loop.

See below

image

My problem is that the xpath is not found on the 2nd iteration of the for loop. But when I ma trying to search manually it is trhere and the xpath is correct.

Anyone can see a problem in my code? Thank you in advance.

This is the actual HTML:

I have code in like button code with css here single news-feed mean button is working but multiple news-feed mean first post button only working if i click other post button also first post button only working. I using post UI and according to the total post count looping the UI, for this animation fully working html with css not using Javascript, Please give me a feedback or advice me how i can fix this issues.

CSS Code :

I creating the blog page, i looping the like button images according the total count of post using PHP example:(Facebook like button) here i'm facing the issues is php while loop is working but when i click first post image only working with click animation if i click second post like button also first post button only working i can't understand what is the issues. Please advice me or give solution how to fix this issues. i attached my code down.

I had an SVG element that was used to render lines connecting nodes in a flowchart. At the beginning of October 2018, it suddenly stopped working in Chrome - the SVG element has 0 width and height in the DOM even though it has width and height attributes defined.

After doing some searching I found that Chrome recently updated its standards to SVG 2, however this SVG is fairly simple and I can't figure out exactly what changes caused this to happen.

Details:

The SVG is inside a regular DIV with position:relative. The DIV appears properly and has height and width set.

The SVG has a class and used to have position:absolute. It no longer seems to have any style and I can't edit its style through DevTools. I'm not certain if it needed to have a style to begin with.

The SVG has a bunch of line elements in it, and nothing else. The lines have classes and their styles don't work either.

The parent DIV does have other DIV elements in it (the nodes in the flowchart). These elements all have position:absolute.

Neither the parent DIV nor the SVG exist when the page is opened. They are created using Javascript.

There are no other SVG elements on the page and no use of the "use" keyword anywhere.

What part of this breaks with SVG 2 compliance?

Here is the code: