1.0Cloudinary Bloghttps://cloudinary.com/blogGenerate Custom Art with Reactrich600338<blockquote class="wp-embedded-content" data-secret="VKT9o3C9gG"><a href="https://cloudinary.com/blog/guest_post/generate-custom-art-with-react/">Generate Custom Art with React</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://cloudinary.com/blog/guest_post/generate-custom-art-with-react/embed#?secret=VKT9o3C9gG" width="600" height="338" title="“Generate Custom Art with React” — Cloudinary Blog" data-secret="VKT9o3C9gG" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript">
/* <![CDATA[ */
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
/* ]]> */
</script>
https://res.cloudinary.com/cloudinary-marketing/images/f_auto,q_auto/v1681924886/Web_Assets/blog/ec6325f1ba87dba61fdfd8bf3ddc3e16fe082eda-6000x4000-1_28299b91e9/ec6325f1ba87dba61fdfd8bf3ddc3e16fe082eda-6000x4000-1_28299b91e9.jpg?_i=AA&w=600600400There is beauty in data even though we don't get to see it often. If you're wanting to learn how to make data visualizations with d3.js, let's start by making simple art.https://cloudinary.com/blog/author/mileciaMilecia