<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	
	>
<channel>
	<title>
	Comments on: Using D3 and Puppeteer to generate visualizations	</title>
	<atom:link href="https://www.extreg.com/blog/2018/04/using-d3-and-puppeteer-to-generate-visualizations/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.extreg.com/blog/2018/04/using-d3-and-puppeteer-to-generate-visualizations/</link>
	<description></description>
	<lastBuildDate>Sat, 09 Nov 2019 09:48:36 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.5</generator>
	<item>
		<title>
		By: Pietari		</title>
		<link>https://www.extreg.com/blog/2018/04/using-d3-and-puppeteer-to-generate-visualizations/#comment-10502</link>

		<dc:creator><![CDATA[Pietari]]></dc:creator>
		<pubDate>Sat, 09 Nov 2019 09:48:36 +0000</pubDate>
		<guid isPermaLink="false">https://www.extreg.com/?p=310#comment-10502</guid>

					<description><![CDATA[In reply to &lt;a href=&quot;https://www.extreg.com/blog/2018/04/using-d3-and-puppeteer-to-generate-visualizations/#comment-10469&quot;&gt;Springfield Yonga&lt;/a&gt;.

I used &lt;code&gt;page.waitForSelector()&lt;/code&gt;. With the &lt;code&gt;waitForSelector&lt;/code&gt; method you may tell the page object to suspend execution until an element is visible. So basically if you render an SVG with an id &quot;result&quot;, you could just say &lt;code&gt;await page.waitForSelector(&#039;#result&#039;)&lt;/code&gt; and after it resumes, the rendered result may be caught via screenshot or whatever. 

You may find more about the &lt;code&gt;waitForSelector&lt;/code&gt; API here: https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagewaitforselectorselector-options]]></description>
			<content:encoded><![CDATA[<p>In reply to <a href="https://www.extreg.com/blog/2018/04/using-d3-and-puppeteer-to-generate-visualizations/#comment-10469">Springfield Yonga</a>.</p>
<p>I used <code>page.waitForSelector()</code>. With the <code>waitForSelector</code> method you may tell the page object to suspend execution until an element is visible. So basically if you render an SVG with an id &#8220;result&#8221;, you could just say <code>await page.waitForSelector('#result')</code> and after it resumes, the rendered result may be caught via screenshot or whatever. </p>
<p>You may find more about the <code>waitForSelector</code> API here: <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagewaitforselectorselector-options" rel="nofollow ugc">https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagewaitforselectorselector-options</a></p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: Springfield Yonga		</title>
		<link>https://www.extreg.com/blog/2018/04/using-d3-and-puppeteer-to-generate-visualizations/#comment-10469</link>

		<dc:creator><![CDATA[Springfield Yonga]]></dc:creator>
		<pubDate>Fri, 08 Nov 2019 12:32:07 +0000</pubDate>
		<guid isPermaLink="false">https://www.extreg.com/?p=310#comment-10469</guid>

					<description><![CDATA[how did you wait for puppeteer to finish loading all the js and executing and and drawing the various charts before printing the png.]]></description>
			<content:encoded><![CDATA[<p>how did you wait for puppeteer to finish loading all the js and executing and and drawing the various charts before printing the png.</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>
