<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>d3 | Undisconnected</title>
	<atom:link href="https://undisconnected.com/tag/d3/feed/" rel="self" type="application/rss+xml" />
	<link>https://undisconnected.com</link>
	<description>Reste connecté</description>
	<lastBuildDate>Mon, 04 Feb 2013 14:25:04 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>D3.js : un pas de plus vers la data visualisation sur le web</title>
		<link>https://undisconnected.com/d3-js-data-visualisation/</link>
					<comments>https://undisconnected.com/d3-js-data-visualisation/#comments</comments>
		
		<dc:creator><![CDATA[Imatt]]></dc:creator>
		<pubDate>Wed, 04 Jul 2012 02:49:26 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Visualisation de données]]></category>
		<category><![CDATA[d3]]></category>
		<category><![CDATA[d3.js]]></category>
		<category><![CDATA[graphique]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[librarie]]></category>
		<guid isPermaLink="false">https://undisconnected.com/?p=1597</guid>

					<description><![CDATA[<p>D3.js est une librarie graphique écrite en Javascript crée par Mike Bostock déjà auteur de la librarie Protovis. D3.js est en fait une évolution de protovis, son nom proviens de l&#8217;abréviation de Data-Driven Document.  Pourquoi D3.js au lieu de Protovis D&#8217;après ce que j&#8217;ai compris, Mike Bostock a décidé d&#8217;arrêter le développement  de Protovis pour [&#8230;]</p>
The post <a href="https://undisconnected.com/d3-js-data-visualisation/">D3.js : un pas de plus vers la data visualisation sur le web</a> first appeared on <a href="https://undisconnected.com">Undisconnected</a>.]]></description>
										<content:encoded><![CDATA[<p>D3.js est une librarie graphique écrite en Javascript crée par Mike Bostock déjà auteur de la librarie Protovis. D3.js est en fait une évolution de protovis, son nom proviens de l&rsquo;abréviation de Data-Driven Document. </p>
<h2>Pourquoi D3.js au lieu de Protovis</h2>
<p>D&rsquo;après ce que j&rsquo;ai compris, Mike Bostock a décidé d&rsquo;arrêter le développement  de Protovis pour commencer celui de d3.js dans le but d&rsquo;offrir à tous une librarie puissante pour la visualisation basé sur des standards du W3C (HTML, SVG et CSS) au lieu de s&rsquo;attacher à un framework propriétaire. D3.js est clairement axé Web et visualisation de données, ainsi il est très simple de manipuler des données via le DOM (Document Object Model).</p>
<h2>Quelques exemples avec D3.js</h2>
<p><a href="http://mbostock.github.com/d3/ex/force.html" target="_blank">Network Force Directed graph</a></p>
<p><a href="http://mbostock.github.com/d3/ex/force.html" target="_blank"><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-1765" title="network" src="https://undisconnected.com/wp-content/uploads/2012/07/network.jpg" alt="" width="600" height="150" srcset="https://undisconnected.com/wp-content/uploads/2012/07/network.jpg 600w, https://undisconnected.com/wp-content/uploads/2012/07/network-300x75.jpg 300w, https://undisconnected.com/wp-content/uploads/2012/07/network-500x125.jpg 500w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p><a target="_blank" href="http://www.nytimes.com/interactive/2012/05/17/business/dealbook/how-the-facebook-offering-compares.html">New York Times</a></p>
<p><a target="_blank" href="http://www.nytimes.com/interactive/2012/05/17/business/dealbook/how-the-facebook-offering-compares.html"><img decoding="async" class="alignnone size-full wp-image-1758" title="new-york-times" src="https://undisconnected.com/wp-content/uploads/2012/07/new-york-times.jpg" alt="" width="600" height="150" srcset="https://undisconnected.com/wp-content/uploads/2012/07/new-york-times.jpg 600w, https://undisconnected.com/wp-content/uploads/2012/07/new-york-times-300x75.jpg 300w, https://undisconnected.com/wp-content/uploads/2012/07/new-york-times-500x125.jpg 500w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p><a target="_blank" href="http://mbostock.github.com/d3/talk/20111018/cluster.html">Cluster Layout</a></p>
<p><a target="_blank" href="http://mbostock.github.com/d3/talk/20111018/cluster.html"><img decoding="async" class="alignnone size-full wp-image-1759" title="cluster" src="https://undisconnected.com/wp-content/uploads/2012/07/cluster.jpg" alt="" width="600" height="150" srcset="https://undisconnected.com/wp-content/uploads/2012/07/cluster.jpg 600w, https://undisconnected.com/wp-content/uploads/2012/07/cluster-300x75.jpg 300w, https://undisconnected.com/wp-content/uploads/2012/07/cluster-500x125.jpg 500w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p><a target="_blank" href="http://square.github.com/cubism/">Cubism.js</a></p>
<p><a target="_blank" href="http://square.github.com/cubism/"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1760" title="cubismjs" src="https://undisconnected.com/wp-content/uploads/2012/07/cubismjs.jpg" alt="" width="600" height="150" srcset="https://undisconnected.com/wp-content/uploads/2012/07/cubismjs.jpg 600w, https://undisconnected.com/wp-content/uploads/2012/07/cubismjs-300x75.jpg 300w, https://undisconnected.com/wp-content/uploads/2012/07/cubismjs-500x125.jpg 500w" sizes="auto, (max-width: 600px) 100vw, 600px" /></a></p>
<p><a target="_blank" href="http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fsearch.twitter.com%2Fsearch.json%3Frpp%3D100%26q%3D%7Bword%7D=cloud">Tag Cloud </a></p>
<p><a target="_blank" href="http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fsearch.twitter.com%2Fsearch.json%3Frpp%3D100%26q%3D%7Bword%7D=cloud"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1761" title="tagcloud" src="https://undisconnected.com/wp-content/uploads/2012/07/tagcloud.jpg" alt="" width="600" height="150" srcset="https://undisconnected.com/wp-content/uploads/2012/07/tagcloud.jpg 600w, https://undisconnected.com/wp-content/uploads/2012/07/tagcloud-300x75.jpg 300w, https://undisconnected.com/wp-content/uploads/2012/07/tagcloud-500x125.jpg 500w" sizes="auto, (max-width: 600px) 100vw, 600px" /></a></p>
<p><a target="_blank" href="http://mbostock.github.com/d3/talk/20111018/choropleth.html">Choropleth</a></p>
<p><a target="_blank" href="http://mbostock.github.com/d3/talk/20111018/choropleth.html"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1762" title="cloropleth" src="https://undisconnected.com/wp-content/uploads/2012/07/cloropleth.jpg" alt="" width="600" height="150" srcset="https://undisconnected.com/wp-content/uploads/2012/07/cloropleth.jpg 600w, https://undisconnected.com/wp-content/uploads/2012/07/cloropleth-300x75.jpg 300w, https://undisconnected.com/wp-content/uploads/2012/07/cloropleth-500x125.jpg 500w" sizes="auto, (max-width: 600px) 100vw, 600px" /></a></p>
<p><a target="_blank" href="http://mbostock.github.com/d3/ex/pack.html">Circle Packing</a></p>
<p><a target="_blank" href="http://mbostock.github.com/d3/ex/pack.html"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1763" title="circle-packing" src="https://undisconnected.com/wp-content/uploads/2012/07/circle-packing.jpg" alt="" width="600" height="150" srcset="https://undisconnected.com/wp-content/uploads/2012/07/circle-packing.jpg 600w, https://undisconnected.com/wp-content/uploads/2012/07/circle-packing-300x75.jpg 300w, https://undisconnected.com/wp-content/uploads/2012/07/circle-packing-500x125.jpg 500w" sizes="auto, (max-width: 600px) 100vw, 600px" /></a></p>
<h2>Conclusion</h2>
<p>Comme vous pouvez le voir d3.js est la source de beaucoup de type de représentations graphiques différentes mais aussi à la base de quelques libraries / plugins. Ainsi se termine la présentation (rapide je l&rsquo;avoue) de la librarie d3.js. A suivre un tutoriel pour mettre en place son premier graphique avec la librarie.</p>The post <a href="https://undisconnected.com/d3-js-data-visualisation/">D3.js : un pas de plus vers la data visualisation sur le web</a> first appeared on <a href="https://undisconnected.com">Undisconnected</a>.]]></content:encoded>
					
					<wfw:commentRss>https://undisconnected.com/d3-js-data-visualisation/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
	</channel>
</rss>
