Web Scraping : Get graph Coordinates from Webpage
<p>I wanted some help with web scraping. I want to retrieve players ranking which are plotted on the graph in this <a href="http://www.icc-cricket.com/player-rankings/profile/sachin-tendulkar" rel="nofollow">link</a></p>

<p>Visit the link. Click on Rating, and then hover over the points in the plot. Its <code>y-coordinate</code> will be displayed along with other details. 
I want to extract all those details. </p>

<p>Any help highly appreciated. </p>

<p>I am attaching the screenshot also.
<a href="http://i.stack.imgur.com/PglIR.png" rel="nofollow"><img src="http://i.stack.imgur.com/PglIR.png" alt="enter image description here"></a></p>

<p>Each <code>circle</code> element has a <code>cy</code> attribute that we can find with the following:</p>

<pre><code>var circ = document.querySelector('circle')
console.log(circ.getAttribute('cy') // cy= 123.586....
</code></pre>

<p>This will give you the y coordinate for the first <code>circle</code> element. You can use this idea to get all of them and find out the actual value.</p>

javascript python html web-scraping