d3.js tutorial
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Documentación
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript
Línea de trabajo
Use the suggested four-lesson plan as the scope, covering D3.js basics, SVG, visualisations, and dynamic graphs. First review the repository's existing tutorial structure and examples, then define the tutorial's completed lesson content and exercises around the topics listed in the issue.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
I've been coaching d3.js with one of the West London students and I feel that it could be a good advanced tutorial to go beyond the JavaScript basics. Here's a suggested lesson plan:
Lesson 1 - D3.js basics
- Basic HTML structure
- Append element (add an h1 to the document)
- Simple selection
- Select (create ul + li, select the ul, set a property)
- selectAll (set a property on all the li)
- Bind data + enter
- Simple div with text content
- Simple bars
- Coloured bars
- Load external data
- Local web server
- Bar width: value
- Text: title
Lesson 2 - Simple SVG
- Basic SVG scatter plot
- Scales
- linear
- time
- ordinal
- Axes
- Line graphs
- Area graphs
- Box plots
Lesson 3 - Visualisations
- Histogram
- Pie
- Pack
- Dendro
- Stream (area stack)
- Bar Stack (introduce
dataon sub-fields)
Lesson 4 - Dynamic Graphs
- On
- Hover + highlight related sections to show how to use selections with “classed” applied and dynamic conditions that are true of false based on data fields
- Action on click
- Update / exit
- Lenguaje dominante
- JavaScript
- Estrellas
- 268
- Forks
- 240
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de codebar/tutorials
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 75/100
-
Dificultad 3/5 1-2 días Aptitud para principiantes 62/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 25/100
-
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 45/100
Todos los issues de codebar/tutorials
Issues similares
-
bug customer-eng Durable Agents Inngest status: needs triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
-
optimization optimization:agents-md-curator
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
githubnext/gh-aw-cao#13475 ·
-
[BUG]: "Clear All" in Settings doesn't clear the saved analysis, old data comes back after reload Abiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
AOSSIE-Org/OrgExplorer#253 · 1 comentario ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
oxc-project/oxc#26944 ·
-
ai-observability bug team/ai-observability
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100