L'apprentissage d3.js pour la visualisation des données

Je veux commencer à apprendre à faire des visualisations de données (en tant que projet à part dans ma thèse de Doctorat), de préférence avec le D3.js paquet. Je n'ai pas java-expérience mais j'ai un arrière-plan en programmation orientée objet, comme je travaille principalement dans python. En tant que tel, je me demandais quelle est la meilleure façon d'apprendre à travailler avec d3 et l'environnement auquel on pourrait me recommander.

  • Pour en savoir D3.js vous pouvez commencer avec l'officiel documentations et exemples. Comme pour IDEs, il y en a beaucoup, il suffit de choisir celui qui vous rend confortable. J'utilise NetBeans pour le développement et la Notepad++ pour montage rapide. P. S. Java n'a rien à voir avec Javascript.
  • comme @Adnan souligne, Java et Javascript ne sont pas les mêmes.
  • Veuillez passer à la question programmers.stackexchange.com - tout cela est lié à la D3, il n'est pas vraiment sur un certain bug/feature que vous souhaitez résolu, mais sur la façon d'approcher D3... dans ce cas, il est toujours recommandé de passer à programmers.stackexchange.com
  • J'ai trouver ce site pour être utile. en plus de leur déviation et en les faisant glisser, c'est une bien formés l'un pour les débutants avec un accent.
  • oui s'il vous plaît changer Java-JavaScript. c'est comme comparer le jambon pour les hamsters.
  • Un joli article sur le blog à propos de d3 ressources qui considère la courbe d'apprentissage: engineering.eventbrite.com/d3-js-resources-to-level-up
  • Voici un YouTube tutoriel qui couvre D3.js à partir du sol jusqu'à la youtube.com/watch?v=8jvoTV54nXw il traite de la façon de faire un nuage de points, diagrammes en barres, et de la ligne graphique.
  • hackr.io/tutoriels/apprenez-d3-js est un excellent endroit pour trouver le meilleur en ligne D3.js tutoriels. Tous les tutoriels ici sont présentés et recommandés (upvoted comme) par la communauté de la programmation.

InformationsquelleAutor ruben baetens | 2012-08-19
  1. 22

    Depuis que j'ai récemment trouvé, je vous recommande de travailler avec http://phrogz.net/js/d3-playground/ ainsi pour un bac à sable dans lequel le procès et apprendre de la manière dont les pièces peuvent travailler ensemble.

    InformationsquelleAutor heckj
  2. 37

    Scott Murray tutoriels sont un lieu de départ idéal: http://alignedleft.com/tutorials/d3/

    Concernant les environnements, vous pourriez trouver cela utile: http://tributary.io. C'est un codage interactif éditeur conçu pour vous aider à apprendre d3.

    • Je ne peux pas obtenir que le site fonctionne. Je suis sûr que c'est parce que vous partez de l'hypothèse que vous allez travailler avec un SVG...? Je ne sais pas... mais j'ai passé de 30 à 45 minutes et a été perdu... je suis en train d'envelopper ma tête autour de la D3 et trébuchant à l'aveuglette...
    • désolé de l'entendre. Fait ce site alignedleft.com/tutorials/d3 ne pas charger pour vous? Je serais certainement vous encourager à l'essayer, Scott est fantastique.
    • Scott site est génial. Je peux envelopper ma tête (presque) autour de ce qu'il est écrit à ce sujet. Mais je suis en train de créer des échéanciers. Et je ne peux pas trouver tout droit jusqu'à la timeline D3 tutoriels. Tout veut utiliser X et Y sur une timeline. Je veux mettre un point sur un scénario à un événement spécifique et je ne peux pas trouver un exemple. J'ai acheté des tutoriels vidéos, des livres, et plus encore. Et peut-être que j'ai besoin à l'étape de retour de mon calendrier de la pensée et de juste se familiariser avec "l'autre" D3 concepts, PUIS de remonter à des temps... je ne sais pas. Merci pour les commentaires.
    InformationsquelleAutor Gabriel Florit
  3. 8

    Scott Murray site web est un bon début http://alignedleft.com/tutorials/d3/.

    Une fois terminé, je pourrais vous recommander de prendre un coup d'oeil à ce site web http://techslides.com/over-1000-d3-js-examples-and-demos/, c'listes de 1000 exemples de d3. Habituellement, vous pouvez copier le code javascript, des données et du code et de jouer avec localement sur votre propre ordinateur.

    Vous pouvez également essayer de prendre l'une de ces parcelles, et voir si vous pouvez le reconstruire.

    La raison pour laquelle j'ai trouvé ceci pour être utile, c'est que vous devez être en mesure de reconnaître les erreurs qui d3 jette à vous. C'est les moments que vous n'avez aucune idée de pourquoi il y a une erreur qui sont gênants. Par exemple que vous êtes la reconstruction de vous garantir vous-même d'une copie de code qui fonctionne, par exemple, vous pourriez être en mesure de facilement corriger vous-même.

    InformationsquelleAutor cantdutchthis
  4. 3

    J'ai écrit quelques tutoriels pour les débutants d'apprendre les deux Javascript et la visualisation des données:

    http://blog.vida.io/2014/06/23/coding-visualization-tutorial-1-variables/ http://blog.vida.io/2014/06/23/coding-visualization-tutorial-2-functions/

    - Je trouver les quatre premiers tutos de wiki très utile pour apprendre D3 fondamentaux:

    https://github.com/mbostock/d3/wiki/Tutorials

    Introduction, Trois Petits Cercles, de la Pensée avec des Jointures, la manière dont les Sélections de Travail.

    Mon équipe s'exécute https://vida.io. Nous utilisons le modèle de l'approche de d3 et permettre à l'utilisateur de créer rapidement un document de travail, télécharger de nouvelles données, et de lier les données du document via l'interface graphique de l'éditeur. Découvrez des exemples pour commencer:

    https://vida.io/explore

    InformationsquelleAutor Phuoc Do
  5. 2

    Voici une liste de ressources que j'utilise pour apprendre d3js. Le site officiel peut-être un peu écrasante pour quelqu'un de nouveau développement web, voici donc un peu plus:

    Tutoriels

    • Officiel D3js site web a une liste de bons exemples et de tutoriels ici
    • Carré a une grande introduction rapide à la D3 quand ils à bord ici
    • Christophe Viau a une bonne page d'intro ici
    • Jérôme Cukier du "Hello World" dans D3, qui va plus dans le détail de la configuration de votre environnement de ici
    • Scott Murray (alignedleft) explique les choses très bien. Il est également l'auteur de "Visualisation Interactive des Données", dont je vous recommande vivement. Tutoriel ici

    Référence

    • Vous allez voir beaucoup de différents d3 fonctions et se demandent ce qu'ils font. Utiliser la langue officielle de l'API ici.
    InformationsquelleAutor Will
  6. 0

    J'ai été à travers beaucoup de l'd3.js tutoriels et être source de confusion. Quand une personne n'est pas encore très familier avec le HTML et le CSS, ils ont besoin d'une explication un peu plus de détails. Ces détails sont mieux présentées dans NRecursions:

    Part1: http://nrecursions.blogspot.in/2014/11/getting-your-head-around-d3js.html

    Part2: http://nrecursions.blogspot.in/2014/12/getting-your-head-around-d3js-part2.html

    InformationsquelleAutor Nav