{"id":4154,"date":"2013-10-01T18:29:16","date_gmt":"2013-10-01T12:59:16","guid":{"rendered":"http:\/\/blog.fusioncharts.com\/?p=4154"},"modified":"2026-01-20T14:41:23","modified_gmt":"2026-01-20T09:11:23","slug":"redraphael-part-1-a-javascript-graphics-library-on-steroids","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/","title":{"rendered":"RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026"},"content":{"rendered":"<p>Last week, in a JavaScript conference, JSFoo, we took the wraps off a new open-source project we\u2019ve been working on, that we call RedRaphael, and touted it as a JavaScript graphics library on steroids. We also promised a detailed series of blog posts to explain what RedRaphael is, and what it can do for you. Today, we\u2019re kickstarting that series, and intend to tell you all you need to know about RedRaphael.<\/p>\r\n<p>To get some background on how we got to this point of building RedRaphael, I\u2019d suggest you glance through one of our previous posts titled \u2018<a href=\"https:\/\/fusioncharts.com\/blog\/embracing-raphael-rearview-mirror\/\" target=\"_blank\" rel=\"noopener\">Embracing Raphael: A Look in the Rearview Mirror<\/a>\u2019. It talks about the thought that went behind choosing Raphael.js as the visualization platform for our FusoinCharts Suite XT line of products.<\/p>\r\n\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_71 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#What_is_Raphael\" title=\"What is Raphael?\">What is Raphael?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#Advantages_over_D3\" title=\"Advantages over D3\">Advantages over D3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#Painting_Raphael_red\" title=\"Painting Raphael red\">Painting Raphael red<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#RedRaphael_%E2%80%93_An_overview\" title=\"RedRaphael &#8211; An overview\">RedRaphael &#8211; An overview<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_is_Raphael\"><\/span>What is Raphael?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4155\" title=\"Raphael Logo\" alt=\"Raphael Logo\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png\" height=\"97\" width=\"100\" srcset=\"\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png 209w, \/blog\/wp-content\/uploads\/2013\/10\/raphael_logo-150x146.png 150w\" sizes=\"auto, (max-width: 100px) 100vw, 100px\" \/>\r\nIt\u2019s a JavaScript graphics library that renders visualizations primarily in SVG, and has a fallback option for rendering in VML in older browsers that don\u2019t support HTML5. You can check out the <a title=\"RaphaelJS.com\" href=\"https:\/\/www.raphaeljs.com\" target=\"_blank\" rel=\"noopener\">gallery<\/a> to get a glimpse of the many types of visualizations possible with it.\r\n\r\n<!--more-->\r\n<\/p><h2><span class=\"ez-toc-section\" id=\"Advantages_over_D3\"><\/span>Advantages over D3<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>First, and probably the most convincing advantage Raphael has over D3 is how easy it is to learn and implement. If you\u2019ve tried creating visualizations with D3, you\u2019ll be aware of how difficult it is to grasp its data binding models, which is necessary before you can get started building a customized chart that looks just the way you want it to. Sure, there are lots of samples in the D3 demo gallery that you can tweak for your usage, but as easy as that sounds, you\u2019ll still have to learn the basics if you\u2019re even close to serious about the visuals.<\/p>\r\n<p>Another advantage Raphael has over D3, is that it renders in VML in older browsers like Internet Explorer 8 and below. Now you\u2019re probably thinking, \u2018who cares about IE, the world\u2019s moved to Chrome and FireFox, right?\u2019 Well, it turns out at least 12% of the world still uses <a title=\"IE 8 Stats\" href=\"https:\/\/www.w3counter.com\/globalstats.php\" target=\"_blank\" rel=\"noopener\">IE 8<\/a> and below. If for nothing else, a kitten dies somewhere when you don\u2019t support a browser that\u2019s still used.<\/p>\r\n\r\n<h2><span class=\"ez-toc-section\" id=\"Painting_Raphael_red\"><\/span>Painting Raphael red<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>So, you probably think after finding Raphael our job was done. On the contrary, we found that while Raphael was very extensible, had an active community of developers, and was friendly with older versions of IE, it still had some flaws when rendering certain advanced visualizations and interactive features. Also, from our experience with FusionCharts, there were a ton of new ideas we had that could further extend on Raphael\u2019s strengths. We got to work creating our own fork of Raphael, and so was born <a title=\"RedRaphael\" href=\"https:\/\/github.com\/fusioncharts\/redraphael\" target=\"_blank\" rel=\"noopener\">RedRaphael<\/a>.<\/p>\r\n<p>While Raphael could handle advanced graphics in a lot of scenarios, RedRaphael is built from the ground-up for advanced graphic visualizations. Many operations that would take a mammoth effort in Raphael would become a breeze in RedRaphael.<\/p>\r\n\r\n<h2><span class=\"ez-toc-section\" id=\"RedRaphael_%E2%80%93_An_overview\"><\/span>RedRaphael &#8211; An overview<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>In this series, we\u2019ll be deep diving into each of the new features that RedRaphael introduces, with code samples that you can play around with. For now, I\u2019d like to list the key features with a brief description, without getting into the minute details right away.<\/p>\r\n<p><strong>Groups:<\/strong> Collections in Raphael, called Sets, are useful for simple use cases but when it comes to more complex operations like performing a transformation (e.g rotation) on the collection as a whole it can be very unintuitive and a hard nut to crack. RedRaphael makes working with collections simpler by harnessing the power of the <code lang=\"javascript\">group<\/code> DOM element. Now working with collections is extremely simple.<\/p>\r\n<p><strong>Followers &amp; stalkers:<\/strong> When you have objects that do very similar operations, you most often end up duplicating commands across the objects. With followers and stalkers, you can avoid duplication of tasks, element\u2019s behavior depend on another element, and also follow the element around the DOM tree.<\/p>\r\n<p><strong>Custom attributes:<\/strong> In Raphael, custom attributes are applied at the paper level, making the attribute available across all the elements of the paper. RedRaphael goes a step further, allowing you to modify and manipulate shapes using custom attributes at the element level. This allows for extensive customization.<\/p>\r\n<p><strong>Custom shapes using Raphael.define:<\/strong> Raphael.define is an API we\u2019ve provided to do detailed customizations like create new shape types, new graphical components, and have behaviors associated to them. Think of it as a one-stop-shop for all your extension needs.<\/p>\r\n<p>If this post has got you interested, or at least curious about RedRaphael, we invite you to <a title=\"Contribute to the project\" href=\"https:\/\/github.com\/fusioncharts\/redraphael\" target=\"_blank\" rel=\"noopener\">contribute to the project<\/a> on GitHub.<\/p>\r\n<p>If you can\u2019t wait to see RedRaphael in action, check out this video from JSFoo:<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Last week, in a JavaScript conference, JSFoo, we took the wraps off a new open-source project we\u2019ve been working on, that we call RedRaphael, and touted it as a JavaScript graphics library on steroids. We also promised a detailed series of blog posts to explain what RedRaphael is, and what it can do for you. Today, we\u2019re kickstarting that series, and intend to tell you all you need to know about RedRaphael.<\/p>\n","protected":false},"author":22,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[96,169,220,301,309,351,379],"coauthors":[1238],"class_list":["post-4154","post","type-post","status-publish","format-standard","hentry","category-thoughts","tag-d3","tag-github","tag-jsfoo","tag-raphael","tag-redraphael","tag-svg","tag-vml"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026<\/title>\n<meta name=\"description\" content=\"Meet RedRaphael: the game-changing JavaScript graphics library. Part 1 of our 2026 series explores how to learn, create, and innovate. Master graphics now.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026\" \/>\n<meta property=\"og:description\" content=\"Meet RedRaphael: the game-changing JavaScript graphics library. Part 1 of our 2026 series explores how to learn, create, and innovate. Master graphics now.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2013-10-01T12:59:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:11:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"209\" \/>\n\t<meta property=\"og:image:height\" content=\"203\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"sushant\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"sushant\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"sushant\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/eb2d5601441a51cdffd4d0172c06fc8c\"\n\t            },\n\t            \"headline\": \"RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026\",\n\t            \"datePublished\": \"2013-10-01T12:59:16+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:11:23+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/\"\n\t            },\n\t            \"wordCount\": 790,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png\",\n\t            \"keywords\": [\n\t                \"D3\",\n\t                \"GitHub\",\n\t                \"jsfoo\",\n\t                \"raphael\",\n\t                \"redraphael\",\n\t                \"svg\",\n\t                \"vml\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"Thoughts\"\n\t            ],\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"CommentAction\",\n\t                    \"name\": \"Comment\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/\",\n\t            \"name\": \"RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png\",\n\t            \"datePublished\": \"2013-10-01T12:59:16+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:11:23+00:00\",\n\t            \"description\": \"Meet RedRaphael: the game-changing JavaScript graphics library. Part 1 of our 2026 series explores how to learn, create, and innovate. Master graphics now.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png\",\n\t            \"width\": 209,\n\t            \"height\": 203\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.fusioncharts.com\/blog\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"name\": \"FusionBrew - The FusionCharts Blog\",\n\t            \"description\": \"Get tips and tricks on how to build effective Data Visualisation using FusionCharts\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"width\": 1,\n\t                \"height\": 1,\n\t                \"caption\": \"FusionCharts\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/eb2d5601441a51cdffd4d0172c06fc8c\",\n\t            \"name\": \"sushant\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/328482cd2c44c22cbfaf38e6113a8a24\",\n\t                \"url\": \"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g\",\n\t                \"contentUrl\": \"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g\",\n\t                \"caption\": \"sushant\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/sushant\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026","description":"Meet RedRaphael: the game-changing JavaScript graphics library. Part 1 of our 2026 series explores how to learn, create, and innovate. Master graphics now.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/","og_locale":"en_US","og_type":"article","og_title":"RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026","og_description":"Meet RedRaphael: the game-changing JavaScript graphics library. Part 1 of our 2026 series explores how to learn, create, and innovate. Master graphics now.","og_url":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2013-10-01T12:59:16+00:00","article_modified_time":"2026-01-20T09:11:23+00:00","og_image":[{"width":209,"height":203,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png","type":"image\/png"}],"author":"sushant","twitter_card":"summary_large_image","twitter_misc":{"Written by":"sushant","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/"},"author":{"name":"sushant","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/eb2d5601441a51cdffd4d0172c06fc8c"},"headline":"RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026","datePublished":"2013-10-01T12:59:16+00:00","dateModified":"2026-01-20T09:11:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/"},"wordCount":790,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png","keywords":["D3","GitHub","jsfoo","raphael","redraphael","svg","vml"],"articleSection":["Thoughts"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/","url":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/","name":"RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png","datePublished":"2013-10-01T12:59:16+00:00","dateModified":"2026-01-20T09:11:23+00:00","description":"Meet RedRaphael: the game-changing JavaScript graphics library. Part 1 of our 2026 series explores how to learn, create, and innovate. Master graphics now.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png","contentUrl":"\/blog\/wp-content\/uploads\/2013\/10\/raphael_logo.png","width":209,"height":203},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/redraphael-part-1-a-javascript-graphics-library-on-steroids\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"RedRaphael Part 1: A JavaScript Graphics Library on Steroids 2026"}]},{"@type":"WebSite","@id":"https:\/\/www.fusioncharts.com\/blog\/#website","url":"https:\/\/www.fusioncharts.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fusioncharts.com\/blog\/#organization","name":"FusionCharts","url":"https:\/\/www.fusioncharts.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/","url":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","contentUrl":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","width":1,"height":1,"caption":"FusionCharts"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/eb2d5601441a51cdffd4d0172c06fc8c","name":"sushant","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/328482cd2c44c22cbfaf38e6113a8a24","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g","caption":"sushant"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/sushant\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/4154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=4154"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/4154\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=4154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=4154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=4154"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=4154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}