Cargando…
D3.js By Example.
Create attractive web-based data visualizations using the amazing JavaScript library D3.jsAbout This Book Learn to use the facilities provided by D3.js to create data-driven visualizations Explore the concepts of D3.js through examples that enable you to quickly create visualizations including chart...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham :
Packt Publishing,
2015.
|
| Temas: | |
| Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Getting Started with D3.js; A brief overview of D3.js; Selections; Data and data binding; Interaction and animation; Modules; Tools for creating and sharing D3.js visualizations; Js Bin; bl.ocks.org; Google Chrome and Developer tools; Hello World
- D3.js style; Examining the DOM generated by D3.js; Summary; Chapter 2: Selections and Data Binding; D3.js selections; Changing the style of a DOM element; Changing the style of multiple items; D3.js and data binding.
- Data bindingSpecifying the entering elements with .enter(); Adding new items using .enter(); Updating values; Removing items with .exit(); A few notes for the wise about the general update pattern; Summary; Chapter 3: Creating Visuals with SVG; Introducing SVG; The SVG coordinate system; SVG attributes; Drawing circles with SVG; The basic shapes provided by SVG; Ellipse; Rectangle; Lines; Paths; Text; Applying CSS styles to SVG elements; Strokes, caps, and dashes; Applying SVG transforms; Rotate; Translate; Scale; Groups; Transparency; Layers; Summary; Chapter 4: Creating a Bar Graph.
- The basic bar graphAdding labels to the bars; Margins and axes; Creating margins in the bar graph; Creating an axis; Changing the axis orientation; Inverting the labels on an axis; Adding the axis to the graph; Summary; Chapter 5: Using Data and Scales; Data; Loading data with D3.js; Loading JSON data; Loading TSV data; Loading CSV data; Mapping fields and converting strings to numbers; Scales; Linear scales; Ordinal scales; Mapping color strings to codes; Mapping integers to color scales; The ordinal scale using rangeBands; Visualizing The Walking Dead viewership; Summary.
- Chapter 6: Creating Scatter and Bubble PlotsCreating scatter plots; Plotting points; Sprucing up the scatter plot; Adding gridlines; Creating a bubble plot; Summary; Chapter 7: Creating Animated Visuals; Introduction to animation; Animating using transitions; Animating the fill color of a rectangle; Animating multiple properties simultaneously; Delaying a transition; Creating chained transitions; Handling the start and end events of transitions; Changing the content and size of text using tweening; Timers; Adding a fifth dimension to a bubble plot
- time; Summary.
- Chapter 8: Adding User InteractivityHandling mouse events; Tracking the mouse position using mousemove; Capturing the mouse entering and exiting an SVG element; Letting the user know they have clicked the mouse; Using behaviors to drag, pan, and zoom; Drag; Pan and zoom; Enhancing a bar graph with interactivity; Highlighting selected items using brushes; Online examples of brushes; Implementing focus + context; Summary; Chapter 9: Complex Shapes Using Paths; An overview of path data generators; Creating a sequence of lines; Areas; Creating arcs, donuts, wedges, and segments.