Cargando…
Learning responsive data visualization : master the art of building responsive visualizations on the Web /
Annotation
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham, UK :
Packt Publishing,
2016.
|
| Colección: | Community experience distilled.
|
| Temas: | |
| Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Cover; Copyright; Credits; About the Author; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Getting Started with Responsive Design, Bootstrap, and D3.js; Chapter 2: Creating a Bar Chart Using D3.js and SVG; Chapter 3: Loading, Filtering, and Grouping Data; Chapter 4: Making the Chart Responsive Using Bootstrap and Media Queries; Chapter 5: Building Responsive Interactions; Chapter 6: Designing Transitions and Animations; Chapter 7: Creating Maps and Cartographic Visualizations Using GeoJSON; Chapter 8: Testing Responsive Visualizations
- Chapter 9: Solving Cross-Browser IssuesIndex; What is Responsive Design?; Bootstrap
- a popular mobile first CSS framework; Vector graphics in the browser with SVG; Creating graphics with D3.js; Summary; Getting started with D3.js; Drawing shapes with D3; Creating Scales and Axis; A simple bar chart; Summary; Preprocessing data; Loading and parsing remote data; Grouping data; Summary; Units and lengths in the browser; Responsive charts; Using Bootstrap's Media Queries; Summary; Using an event system; Panning and zooming; Summary; Is there a web standard for animations?
- Creating animations with JavaScriptTransitions; Shape tweens; Summary; Overview of cartographic visualizations; Data representation for topology and geographic features; Maps and projections; Helpful tools for creating maps in D3; Types of geographic visualization; Summary; A guide on testing visualizations; Manual testing and debugging; Automated testing and Continuous Integration; A testing strategy for visualizations; Summary; A solution to cross-browser compatibility issues; Cross-browser Media Queries; Cross-browser SVG features; Handle touch and mouse events with ease; Summary
- Conditional CSS with Media QueriesUnderstanding Breakpoints; Having the right viewport; Relative Units
- %, REM, and EM; Designing for mobile devices first; Including Bootstrap; Finding additional resources; Understanding grid layouts; Hiding elements on different screen resolutions; Using Bootstrap's Media Queries in LESS; Raster/Pixel graphics with Canvas; Hardware-accelerated Pixel Graphics with WebGL; Vector graphics with SVG; Including D3.js; Finding additional resources; Selecting and manipulating DOM elements; Manipulating SVG elements; Data-driven transformations
- Using the update patternDrawing Lines and Curves; Drawing Areas between curves; Drawing arcs; Mapping data values to a Pixel Range with scales; Creating Axis; Filtering data to remove outliers; Mapping data to access inner properties; Aggregate data to extract valuable information; Reduce functions in D3.js; Parsing any string data; Units for absolute lengths; Units for relative lengths; Units for resolution; Mathematical expressions; Using relative lengths in SVG; Scaling the viewport; Using the JavaScript resize event; Media Queries in CSS; Media Queries in LESS/SASS