<?xml version="1.0" encoding="utf-8"?>
<!-- 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
-->
<?xml-stylesheet type="text/xsl" href="https://rollerweblogger.org/roller-ui/styles/rss.xsl" media="screen"?><rss version="2.0" 
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:atom="http://www.w3.org/2005/Atom" >
<channel>
  <title>Blogging Roller</title>
  <link>https://rollerweblogger.org/roller/</link>
    <atom:link rel="self" type="application/rss+xml" href="https://rollerweblogger.org/roller/feed/entries/rss?tags=canvas" />
  <description>Dave Johnson on open web technologies, social software and software development</description>
  <language>en-us</language>
  <copyright>Copyright 2026</copyright>
  <lastBuildDate>Tue, 7 Apr 2026 09:28:33 +0000</lastBuildDate>
  <generator>Apache Roller 6.1.5</generator>
  <item>
    <guid isPermaLink="true">https://rollerweblogger.org/roller/entry/mandelbrot-viewer-typescript-canvas</guid>
    <title>Fractal fun with HTML5 and TypeScript</title>
    <dc:creator>Dave Johnson</dc:creator>
    <link>https://rollerweblogger.org/roller/entry/mandelbrot-viewer-typescript-canvas</link>
    <pubDate>Mon, 11 Jan 2016 10:00:00 +0000</pubDate>
    <category>Web Development</category>
    <category>asf</category>
    <category>canvas</category>
    <category>html5</category>
    <category>typescript</category>
<description>&lt;p&gt;
&lt;a href=&quot;https://github.com/snoopdave/mbcanvas&quot;&gt;MbCanvas&lt;/a&gt; is a fun project that I did in 2015: a simple 
&lt;a href=&quot;https://en.wikipedia.org/wiki/Mandelbrot_set&quot;&gt;Mandelbrot Set&lt;/a&gt; viewer written in 
&lt;a href=&quot;http://www.typescriptlang.org/Tutorial&quot;&gt;Typescript&lt;/a&gt; and using the 
&lt;a href=&quot;http://www.w3.org/TR/2dcontext/&quot;&gt;HTML5 Canvas&lt;/a&gt;.  

I did the project to learn more about Typescript and the HTML5 Canvas and I must say, Typescript very nice -- so much easier to read and write than plain old JavaScript, at least for me.&lt;/p&gt;

&lt;p&gt;Here&amp;#39;s an example image from the viewer.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://rollerweblogger.org/roller/mediaresource/d82c09d5-2037-42aa-9b73-6927a754fa36&quot; alt=&quot;mandelbrot set image&quot;&gt;&lt;/p&gt;

&lt;p&gt;The project is fairly easy to build if you&amp;#39;ve got Node and NPM installed, or you can play around with it here: &lt;a href=&quot;http://rollerweblogger.org/mbcanvas&quot;&gt;mbcanvas - Mandelbrot viewer in TypeScript&lt;/a&gt;&lt;/p&gt;</description>  </item>
</channel>
</rss>