title: Converting svg from Highcharts data into data points
body: <p>I am looking to scrape data from this site's <a href="https://www.bestfightodds.com/events/ufc-fight-night-108-swanson-vs-lobov-1258" rel="nofollow noreferrer" title="click on pinnacle for Artem Lobov">mma data</a> and parsing a few highcharts tables.  I  am clicking a link with selenium and then switching to the chart.  I go to this site and click on +420  in the Artem Lobov row for the Pinnacle column.  This creates a pop out chart. Then I  switch to the active element. I would like to capture the graph drawn by highcharts in response to the click.</p>
  
  <p>I use selenium in the following manner:</p>
  
  <pre><code>actions = ActionChains(driver)
  actions.move_to_element(driver.find_element_by_id(pin_id))
  actions.click()
  actions.perform()
  time.sleep(3)
  driver.switch_to_active_element()
  </code></pre>
  
  <p>I was able to click the link and get the chart but I am a bit lost on how highcharts works.<br>
  I am trying to parse highcharts-series-group <a href="https://gist.github.com/MichaelWS/c7b8bd888a53b1a41c11851db87bf7f6" rel="nofollow noreferrer">here</a>
  and get the values in the chart.  </p>
  
  <p>I believe the data can be found by:</p>
  
  <pre><code>soup = bs4.BeautifulSoup(open(driver.page_source), "lxml")
  data = soup.find_all('g', {"class":"highcharts-series-group"})[-1].find_all("path")
  </code></pre>
  
  <p>However this provides the <a href="https://gist.github.com/MichaelWS/4cc83cdc6d3166fa2eb1e23684dac38e" rel="nofollow noreferrer">following</a> and it it is not clear how a chart is created from the data. As noted in the comments, it appears to be svg. </p>
  
  <p>During inspection the data appears to be in  <code>&lt;g class="highcharts-series"</code> and <code>&lt;g class="highcharts-series-tracker</code> but its not clear highcharts graphs it from this data.</p>
  
  <p>How does highcharts display the graph from data saved?  Is there a clean way to get the data from the highcharts-series-group as displayed?</p>