[carto-infos] ASMAP : 10 Simples Tools for creating infographics and data Viz

Wed, 20 Feb 2013 07:29:00 -0800 

<p style="font-size: 12px; color: grey;">admin February 20, 
2013 at 04:26PM</p>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff;">
<h2 class="p1" style="margin: 0px 0px 0.75em; padding: 0px; 
border: 0px; font-weight: normal; font-style: inherit; font-family: inherit; 
vertical-align: baseline; color: #414040; line-height: 
1.2em;"><strong style="font-size: 1.17em; font-family: inherit; 
font-style: inherit; line-height: 1.1em;"><span class="s1" 
style="margin: 0px; padding: 0px; border: 0px; font-weight: inherit; 
font-style: inherit; font-family: inherit; vertical-align: 
baseline;">1. <a style="margin: 0px; padding: 0px; border: 0px; 
font-weight: inherit; font-style: inherit; font-family: inherit; 
vertical-align: baseline; color: #0b72ba; text-decoration: initial;" 
href="http://app.piktochart.com/themes" 
target="_blank">Piktochart</a></span></strong></h2>
</div>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff; text-align: center;"><img 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; width: 620px; height: 
528px;" alt="" 
src="http://cdn.seomoz.org/img/upload/pictochart-v2.png" 
/></div>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff; text-align: center;"></div>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff;">
<hr style="background-color: #dddddd; color: #dddddd; clear: both; 
float: none; width: 630px; height: 0.1em; margin: 0px 0px 1.45em; border: none; 
background-position: initial initial; background-repeat: initial initial;" 
/>
</div>
<h3 style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-weight: 
normal; font-size: 1.4em; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #414040; line-height: 
1.1em; background-color: #ffffff;"><strong><span 
class="s1" style="margin: 0px; padding: 0px; border: 0px; 
font-weight: inherit; font-style: inherit; font-size: 18px; font-family: 
inherit; vertical-align: baseline;">2. <a style="margin: 0px; 
padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; 
font-family: inherit; vertical-align: baseline; color: #0b72ba; 
text-decoration: initial;" href="http://www.easel.ly/" 
target="_blank">Easel.ly</a></span></strong></h3>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff;"></div>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff;">
<p class="p1" style="margin: 0px 0px 1.5em; padding: 0px; 
border: 0px; font-style: inherit; font-family: inherit; vertical-align: 
baseline; text-align: center;"><img style="margin: 0px; 
padding: 0px; border: 0px; font-style: inherit; font-family: inherit; 
vertical-align: baseline; width: 620px; height: 425px;" 
alt="easelly-infographics" 
src="http://cdn.seomoz.org/img/upload/Easel_ly.png" /></p>
</div>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff;">
<hr style="background-color: #dddddd; color: #dddddd; clear: both; 
float: none; width: 630px; height: 0.1em; margin: 0px 0px 1.45em; border: none; 
background-position: initial initial; background-repeat: initial initial;" 
/>
</div>
<p style="margin: 0px 0px 1.5em; padding: 0px; border: 0px; font-size: 
13px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff;"><strong style="color: #414040; 
font-size: 1.4em; line-height: 1.1em;"><span class="s1" 
style="margin: 0px; padding: 0px; border: 0px; font-weight: inherit; 
font-style: inherit; font-family: inherit; vertical-align: 
baseline;">3. <a style="margin: 0px; padding: 0px; border: 0px; 
font-weight: inherit; font-style: inherit; font-family: inherit; 
vertical-align: baseline; color: #0b72ba; text-decoration: initial;" 
href="http://infogr.am/" 
target="_blank">Infogr.am</a></span></strong></p>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff;"></div>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff; text-align: center;"><img 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; width: 620px; height: 
421px;" alt="infogram-tool" 
src="http://cdn.seomoz.org/img/upload/infogram.png" /></div>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff;"></div>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff; text-align: center;"><img 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; width: 206px; height: 154px; 
float: center;" alt="" 
src="http://cdn.seomoz.org/img/upload/radial-bar-graph.png" /> 
<img style="margin: 0px; padding: 0px; border: 0px; font-style: 
inherit; font-family: inherit; vertical-align: baseline; width: 206px; height: 
154px;" alt="" 
src="http://cdn.seomoz.org/img/upload/scatter-chart.png" /> 
<img style="margin: 0px; padding: 0px; border: 0px; font-style: 
inherit; font-family: inherit; vertical-align: baseline; width: 206px; height: 
154px;" alt="" 
src="http://cdn.seomoz.org/img/upload/bubble-graph.png" 
/></div>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff;"></div>
<div style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff;">
<hr style="background-color: #dddddd; color: #dddddd; clear: both; 
float: none; width: 630px; height: 0.1em; margin: 0px 0px 1.45em; border: none; 
background-position: initial initial; background-repeat: initial initial;" 
/>
<h3 style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-weight: 
normal; font-style: inherit; font-size: 1.4em; font-family: inherit; 
vertical-align: baseline; color: #414040; line-height: 
1.1em;"><strong><span class="s1" style="margin: 
0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; 
font-family: inherit; vertical-align: baseline;">4. <a 
style="margin: 0px; padding: 0px; border: 0px; font-weight: inherit; 
font-style: inherit; font-family: inherit; vertical-align: baseline; color: 
#0b72ba; text-decoration: initial;" href="http://visual.ly/" 
target="_blank">Visual.ly</a></span></strong></h3>
</div>
<p style="margin: 0px 0px 1.5em; padding: 0px; border: 0px; font-size: 
13px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff; text-align: center;"><img 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; width: 598px; height: 
346px;" alt="" 
src="http://cdn.seomoz.org/img/upload/visually.png" /></p>
<hr style="background-color: #dddddd; color: #dddddd; clear: both; 
float: none; width: 630px; height: 0.1em; margin: 0px 0px 1.45em; border: none; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
font-size: 13px; line-height: 19.796875px;" />
<h3 style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-weight: 
normal; font-size: 1.4em; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #414040; line-height: 
1.1em; background-color: #ffffff;"><span class="s1" 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-size: 18px; font-family: inherit; vertical-align: 
baseline;"><strong>5. <a style="margin: 0px; padding: 
0px; border: 0px; font-weight: inherit; font-style: inherit; font-family: 
inherit; vertical-align: baseline; color: #0b72ba; text-decoration: 
initial;" 
href="http://www.tableausoftware.com/public/how-it-works" 
target="_blank">Tableau</a></strong></span></h3>
<p class="p1" style="margin: 0px 0px 1.5em; padding: 0px; 
border: 0px; font-size: 13px; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #444444; line-height: 
19.796875px; background-color: #ffffff; text-align: center;"><img 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; width: 620px; height: 
257px;" alt="" 
src="http://cdn.seomoz.org/img/upload/tableau-public(1).png" 
/></p>
<p class="p1" style="margin: 0px 0px 1.5em; padding: 0px; 
border: 0px; font-size: 13px; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #444444; line-height: 
19.796875px; background-color: #ffffff; text-align: center;"><img 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; width: 620px; height: 
438px;" alt="visualization tools" 
src="http://cdn.seomoz.org/img/upload/datavisualization.png" 
/></p>
<hr style="background-color: #dddddd; color: #dddddd; clear: both; 
float: none; width: 630px; height: 0.1em; margin: 0px 0px 1.45em; border: none; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
font-size: 13px; line-height: 19.796875px;" />
<h2 style="margin: 0px 0px 0.75em; padding: 0px; border: 0px; 
font-weight: normal; font-family: 'Helvetica Neue', Arial, Helvetica, 
sans-serif; vertical-align: baseline; color: #414040; line-height: 1.2em; 
background-color: #ffffff;"><strong>Tools for diagraming and 
wireframing</strong></h2>
<h3 style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-weight: 
normal; font-size: 1.4em; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #414040; line-height: 
1.1em; background-color: #ffffff;"><span class="s1" 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-size: 18px; font-family: inherit; vertical-align: 
baseline;"><strong>6. <a style="margin: 0px; padding: 
0px; border: 0px; font-weight: inherit; font-style: inherit; font-family: 
inherit; vertical-align: baseline; color: #0b72ba; text-decoration: 
initial;" href="http://www.omnigroup.com/products/omnigraffle/" 
target="_blank">OmniGraffle</a></strong></span><span
 style="color: #444444; font-size: 13px; line-height: 
19.796875px;"> </span><strong style="color: #444444; 
font-size: 13px; line-height: 19.796875px;">Mac 
only</strong><span style="color: #444444; font-size: 13px; 
line-height: 19.796875px;">.</span></h3>
<p style="margin: 0px 0px 1.5em; padding: 0px; border: 0px; font-size: 
13px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff; text-align: center;"><img 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; width: 620px; height: 
368px;" alt="omnigraffle-tool" 
src="http://cdn.seomoz.org/img/upload/omnigraffle.png" /></p>
<hr style="background-color: #dddddd; color: #dddddd; clear: both; 
float: none; width: 630px; height: 0.1em; margin: 0px 0px 1.45em; border: none; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
font-size: 13px; line-height: 19.796875px;" />
<h3 style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-weight: 
normal; font-size: 1.4em; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #414040; line-height: 
1.1em; background-color: #ffffff;"><span class="s1" 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-size: 18px; font-family: inherit; vertical-align: 
baseline;"><strong>7. <a style="margin: 0px; padding: 
0px; border: 0px; font-weight: inherit; font-style: inherit; font-family: 
inherit; vertical-align: baseline; color: #0b72ba; text-decoration: 
initial;" href="http://www.balsamiq.com/" 
target="_blank">Balsamiq</a></strong></span></h3>
<p style="margin: 0px 0px 1.5em; padding: 0px; border: 0px; font-size: 
13px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
vertical-align: baseline; color: #444444; line-height: 19.796875px; 
background-color: #ffffff; text-align: center;"><img 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; width: 620px; height: 
481px;" alt="Balsamiq " 
src="http://cdn.seomoz.org/img/upload/basalmiq.png" /></p>
<hr style="background-color: #dddddd; color: #dddddd; clear: both; 
float: none; width: 630px; height: 0.1em; margin: 0px 0px 1.45em; border: none; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
font-size: 13px; line-height: 19.796875px;" />
<h2 style="margin: 0px 0px 0.75em; padding: 0px; border: 0px; 
font-weight: normal; font-family: 'Helvetica Neue', Arial, Helvetica, 
sans-serif; vertical-align: baseline; color: #414040; line-height: 1.2em; 
background-color: #ffffff;"><strong>Other tools for visual 
communication</strong></h2>
<h3 class="p1" style="margin: 0px 0px 1em; padding: 0px; 
border: 0px; font-weight: normal; font-size: 1.4em; font-family: 
'Helvetica Neue', Arial, Helvetica, sans-serif; vertical-align: 
baseline; color: #414040; line-height: 1.1em; background-color: 
#ffffff;"><strong>8. Make a video</strong></h3>
<p class="p1" style="margin: 0px 0px 1.5em; padding: 0px; 
border: 0px; font-size: 13px; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #444444; line-height: 
19.796875px; background-color: #ffffff; text-align: center;"><a 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; color: #0b72ba; 
text-decoration: initial;" 
href="http://www.youtube.com/watch?v=BG46IwVfSu8&list=PL39BF9545D740ECFF&index=1"
 target="_blank"><img style="margin: 0px; padding: 0px; 
border: none; font-style: inherit; font-family: inherit; vertical-align: 
baseline; width: 620px; height: 378px;" alt="rsa-animate" 
src="http://cdn.seomoz.org/img/upload/rsa-animate.png" 
/></a></p>
<hr style="background-color: #dddddd; color: #dddddd; clear: both; 
float: none; width: 630px; height: 0.1em; margin: 0px 0px 1.45em; border: none; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
font-size: 13px; line-height: 19.796875px;" />
<h3 class="p1" style="margin: 0px 0px 1em; padding: 0px; 
border: 0px; font-weight: normal; font-size: 1.4em; font-family: 
'Helvetica Neue', Arial, Helvetica, sans-serif; vertical-align: 
baseline; color: #414040; line-height: 1.1em; background-color: 
#ffffff;"><strong><span class="s1" 
style="margin: 0px; padding: 0px; border: 0px; font-weight: inherit; 
font-style: inherit; font-size: 18px; font-family: inherit; vertical-align: 
baseline;">9. <a style="margin: 0px; padding: 0px; border: 0px; 
font-weight: inherit; font-style: inherit; font-family: inherit; 
vertical-align: baseline; color: #0b72ba; text-decoration: initial;" 
href="http://timeline.verite.co/" 
target="_blank">TimelineJS</a></span></strong></h3>
<p class="p1" style="margin: 0px 0px 1.5em; padding: 0px; 
border: 0px; font-size: 13px; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #444444; line-height: 
19.796875px; background-color: #ffffff; text-align: center;"><img 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; width: 620px; height: 
319px;" alt="timelinejs" 
src="http://cdn.seomoz.org/img/upload/timelinejs.png" /></p>
<hr style="background-color: #dddddd; color: #dddddd; clear: both; 
float: none; width: 630px; height: 0.1em; margin: 0px 0px 1.45em; border: none; 
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
font-size: 13px; line-height: 19.796875px;" />
<h3 style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-weight: 
normal; font-size: 1.4em; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #414040; line-height: 
1.1em; background-color: #ffffff;"><strong><span 
class="s1" style="margin: 0px; padding: 0px; border: 0px; 
font-weight: inherit; font-style: inherit; font-size: 18px; font-family: 
inherit; vertical-align: baseline;">10. <a style="margin: 0px; 
padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; 
font-family: inherit; vertical-align: baseline; color: #0b72ba; 
text-decoration: initial;" href="http://present.me/" 
target="_blank">Present.me</a></span></strong></h3>
<p class="p1" style="margin: 0px 0px 1.5em; padding: 0px; 
border: 0px; font-size: 13px; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #444444; line-height: 
19.796875px; background-color: #ffffff; text-align: center;"><img 
style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; 
font-family: inherit; vertical-align: baseline; width: 620px; height: 
277px;" alt="present-me" 
src="http://cdn.seomoz.org/img/upload/presentme.png" /></p>
<p class="p1" style="margin: 0px 0px 1.5em; padding: 0px; 
border: 0px; font-size: 13px; font-family: 'Helvetica Neue', Arial, 
Helvetica, sans-serif; vertical-align: baseline; color: #444444; line-height: 
19.796875px; background-color: #ffffff; text-align: center;">Via : 
<a 
href="http://www.seomoz.org/blog/10-tools-for-creating-infographics-visualizations">http://www.seomoz.org/<br
 />
</a>Thx to Charles</p>

<p style="font-size: 14px;"><a style="color: 
black;" 
href="http://www.as-map.com/blog/2013/02/20/10-simples-tools-for-creating-infographics-and-data-viz/">10
 Simples Tools for creating infographics and data Viz</a> <span 
style="font-size: 12px; color: grey;">from <a 
style="color: grey;" 
href="http://www.as-map.com/blog">AS-MAP</a></span></p>



IFTTT

        via Personal Recipe 2716648:
        http://ifttt.com/myrecipes/personal/2716648

-- 
Vous recevez ce message, car vous êtes abonné au groupe Google Groupes 
Cartographie d'informations.
Pour vous désabonner de ce groupe et ne plus recevoir d'e-mails le concernant, 
envoyez un e-mail à l'adresse [email protected].
Pour envoyer un message à ce groupe, adressez un e-mail à 
[email protected].
Visitez ce groupe à l'adresse http://groups.google.com/group/carto-infos?hl=fr .
Pour plus d'options, visitez le site https://groups.google.com/groups/opt_out .

Répondre à