Code Camp
Polytech
https://github.com/vproust/codeCamp à
J.M.
Pourquoi faire du web ?
● Technologies de plus en plus populaires
● Accessibles par tous
● Permet de partager des idées
● ...
Pourquoi faire de la dataviz ?
● Partage d’idées
● Argumentation (Communication marketing,
politique, scientifique)
● Volu...
Que faut il pour créer une web
dataviz ?
Un contenant … et … un contenu :
Le contenant
Frameworks CSS
Foundation
La grille
Création rapide d’un nouveau projet
Outils utilisées :
YeomanBower Grunt
Bower
● Gestionnaire de paquets
o Permet de garder les librairies à jour
o Ajout de nouvelles librairies facilités
Grunt
● Système d’automatisation
des tâches récurrentes
● Minification des CSS
● Rechargement automatique de la page à
cha...
Yeoman
● Création de projet facilité
● Préconfiguration de Bower et
de Grunt
Run -> with apache
Faites parler vos données !
(by la team kekescooter44)
● Nettoyer
● Faire briller
● Afficher
● Étudier
● Trouver
● Penser
...
Faites parler vos données !
(by la team kekescooter44)
● Nettoyer/mettre au bon format ses données :
Faites parler vos données !
(by la team kekescooter44)
● Nettoyer/mettre au bon format ses données :
Faites parler vos données !
(by la team kekescooter44)
● Détecter des corrélations pour confirmer ou éliminer des hypothès...
Faites parler vos données !
(by la team kekescooter44)
● Utiliser les outils appropriés (comme l’ACP) :
Dataviz “Plug and Play”
- Google Charts
- HighCharts
- NVD3
Dataviz “Customizable”
d3.js
Défis de la web dataviz.
● Interactivité
● Mise en contexte de l’information
● Rapidité de développement
A vous de jouer !
- Jeux de données à disposition
- Projets exemples
- Google Charts
- HighCharts
- d3.js
Prochain SlideShare
Chargement dans…5
×

Code Camp - Web Data Scientist - 2015

660 vues

Publié le

Slides de présentation du code camp organisé à Polytech Nantes.
Trois thèmes sont abordés :
- L'utilisation d'un framework CSS
- L'analyse de corrélation dans un jeu de données
- La visualisation de données pour le web

Merci à David Bonachera, Florent Guillemot, Benjamin Cavy et Thomas Pradié

Publié dans : Données & analyses
1 commentaire
1 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
660
Sur SlideShare
0
Issues des intégrations
0
Intégrations
18
Actions
Partages
0
Téléchargements
10
Commentaires
1
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • http://www.nytimes.com/interactive/2013/05/25/sunday-review/corporate-taxes.html?_r=0
  • fg
  • fg
  • fg
  • fg
  • http://www.nytimes.com/interactive/2014/upshot/buy-rent-calculator.html?abt=0002&abg=0
  • Code Camp - Web Data Scientist - 2015

    1. 1. Code Camp Polytech https://github.com/vproust/codeCamp à J.M.
    2. 2. Pourquoi faire du web ? ● Technologies de plus en plus populaires ● Accessibles par tous ● Permet de partager des idées ● Mise à jour facile des informations
    3. 3. Pourquoi faire de la dataviz ? ● Partage d’idées ● Argumentation (Communication marketing, politique, scientifique) ● Volume de données croissant
    4. 4. Que faut il pour créer une web dataviz ? Un contenant … et … un contenu :
    5. 5. Le contenant Frameworks CSS Foundation
    6. 6. La grille
    7. 7. Création rapide d’un nouveau projet Outils utilisées : YeomanBower Grunt
    8. 8. Bower ● Gestionnaire de paquets o Permet de garder les librairies à jour o Ajout de nouvelles librairies facilités
    9. 9. Grunt ● Système d’automatisation des tâches récurrentes ● Minification des CSS ● Rechargement automatique de la page à chaque modification ● Compilation du SASS ou du LESS
    10. 10. Yeoman ● Création de projet facilité ● Préconfiguration de Bower et de Grunt
    11. 11. Run -> with apache
    12. 12. Faites parler vos données ! (by la team kekescooter44) ● Nettoyer ● Faire briller ● Afficher ● Étudier ● Trouver ● Penser ● ACPer ● et c’est gagné !
    13. 13. Faites parler vos données ! (by la team kekescooter44) ● Nettoyer/mettre au bon format ses données :
    14. 14. Faites parler vos données ! (by la team kekescooter44) ● Nettoyer/mettre au bon format ses données :
    15. 15. Faites parler vos données ! (by la team kekescooter44) ● Détecter des corrélations pour confirmer ou éliminer des hypothèses :
    16. 16. Faites parler vos données ! (by la team kekescooter44) ● Utiliser les outils appropriés (comme l’ACP) :
    17. 17. Dataviz “Plug and Play” - Google Charts - HighCharts - NVD3
    18. 18. Dataviz “Customizable” d3.js
    19. 19. Défis de la web dataviz. ● Interactivité ● Mise en contexte de l’information ● Rapidité de développement
    20. 20. A vous de jouer ! - Jeux de données à disposition - Projets exemples - Google Charts - HighCharts - d3.js

    ×