Cargando…
Data visualization with JavaScript /
This book shows how to use JavaScript, HTML, and CSS to build the most practical visualizations for your data. Step-by-step examples walk you through creating, integrating, and debugging different types of visualizations and will have you building basic visualizations, like bar, line, and scatter gr...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Autor Corporativo: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
San Francisco, CA :
No Starch Press,
[2015]
|
| Temas: | |
| Acceso en línea: | Texto completo |
Tabla de Contenidos:
- About the Author; Brief Contents; Contents in Detail; Acknowledgments; Introduction; The Book's Philosophy; The Book's Contents; Source Code for Examples; Chapter 1: Graphing Data; Creating a Basic Bar Chart; Step 1: Include the Required JavaScript; Step 2: Set Aside a Element to Hold the Chart; Step 3: Define the Data; Step 4: Draw the Chart; Step 5: Fix the Vertical Axis; Step 6: Fix the Horizontal Axis; Step 7: Adjust the Styling; Step 8: Vary the Bar Color; Step 9: Work Around flotr2 "Bugs"; Plotting Continuous Data with a Line Chart; Step 1: Define the Data.
- Step 2: Graph the CO2 DataStep 3: Add the Temperature Data; Step 4: Improve the Chart's Readability; Step 5: Clarify the Temperature Measurements; Step 6: Label the Chart; Step 7: Work Around flotr2 "Bugs"; Emphasizing Fractions Using a Pie Chart; Step 1: Define the Data; Step 2: Draw the Chart; Step 3: Label the Values; Step 4: Work Around flotr2 "Bugs"; Plotting X/Y Data with a Scatter Chart; Step 1: Define the Data; Step 2: Format the Data; Step 3: Plot the Data; Step 4: Adjust the Chart's Axes; Step 5: Label the Data; Step 6: Clarify the X-Axis; Step 7: Answer Users' Questions.
- Step 8: Work Around flotr2 "Bugs"Adding Magnitudes to X/Y Data with a Bubble Chart; Step 1: Define the Data; Step 2: Create a Background for the Chart; Step 3: Plot the Data; Step 4: Add the Background; Step 5: Color the Bubbles; Step 6: Adjust the Legend Styles; Step 7: Work Around flotr2 "Bugs"; Displaying Multidimensional Data with a Radar Chart; Step 1: Define the Data; Step 2: Create the Chart; Step 3: Work Around flotr2 "Bugs"; Summing Up; Chapter 2: Making Charts Interactive; Selecting Chart Content; Step 1: Include the Required JavaScript Libraries.
- Step 2: Set Aside a Element to Hold the ChartStep 3: Prepare the Data; Step 4: Draw the Chart; Step 5: Add the Controls; Step 6: Define the Data Structure for the Interaction; Step 7: Determine Chart Data Based on the Interaction State; Step 8: Add the Controls Using JavaScript; Step 9: Respond to the Interaction Controls; Zooming In on Charts; Step 1: Prepare the Page; Step 2: Draw the Chart; Step 3: Prepare the Data to Support Interaction; Step 4: Prepare to Accept Interaction Events; Step 5: Enable the Interaction; Tracking Data Values.
- Step 1: Set Aside a Element to Hold the ChartsStep 2: Prepare the Data; Step 3: Draw the Charts; Step 4: Implement the Interaction; Retrieving Data Using AJAX; Step 1: Understand the Source Data; Step 2: Get the First Level of Data via AJAX; Step 3: Process the First Level of Data; Step 4: Get the Real Data; Step 5: Process the Data; Step 6: Create the Chart; Summing Up; Chapter 3: Integrating Charts on a Page; Creating a Classic Sparkline; Step 1: Include the Required JavaScript Libraries; Step 2: Create the HTML Markup for the Sparkline; Step 3: Draw the Sparkline.