Как конвертировать визуализированный график трендов Google в SVG?

Question

Я пытаюсь сгенерировать два SVG-файла из этого:

Графики Google Trends

Для использования в качестве скриншота, а не для встраивания или использования PNG (большой размер)

HTML-код

<div class="spacer"></div>
<div class="graph">
    <script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/1173_RC01/embed_loader.js"></script>
    <script type="text/javascript"> trends.embed.renderExploreWidget("TIMESERIES", {"comparisonItem":[{"keyword":"projection mapping","geo":"","time":"2005-01-01 2015-07-09"}],"category":0,"property":""}, {"exploreQuery":"date=2005-01-01 2015-07-09&q=projection%20mapping","guestPath":"https://trends.google.com:443/trends/embed/"}); </script>
    </div>
<div class="spacer"></div>
<div class="graph">
    <script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/1173_RC01/embed_loader.js"></script>
    <script type="text/javascript"> trends.embed.renderExploreWidget("TIMESERIES", {"comparisonItem":[{"keyword":"lighting design","geo":"","time":"2005-01-01 2015-07-09"}],"category":0,"property":""}, {"exploreQuery":"date=2005-01-01 2015-07-09&q=lighting%20design","guestPath":"https://trends.google.com:443/trends/embed/"}); </script>
</div>
<div class="spacer"></div>

CSS

.graph {
     height: 342px;
     max-width: 1100px;
     align: center;
     margin: auto;
     }

.spacer {
     height: 200px;
     }