Learning responsive data visualization :: master the art of building responsive visualizations on the Web /
Annotation
Gespeichert in:
| 1. Verfasser: | |
|---|---|
| Format: | Elektronisch E-Book |
| Sprache: | English |
| Veröffentlicht: |
Birmingham, UK :
Packt Publishing,
2016.
|
| Schriftenreihe: | Community experience distilled.
|
| Schlagworte: | |
| Online-Zugang: | Volltext |
| Zusammenfassung: | Annotation |
| Beschreibung: | Includes index. |
| Beschreibung: | 1 online resource (1 volume) : illustrations. |
| ISBN: | 9781785884337 1785884336 |
Internformat
MARC
| LEADER | 00000cam a2200000 i 4500 | ||
|---|---|---|---|
| 001 | ZDB-4-EBA-ocn946054887 | ||
| 003 | OCoLC | ||
| 005 | 20240705115654.0 | ||
| 006 | m o d | ||
| 007 | cr unu|||||||| | ||
| 008 | 160406s2016 enka o 001 0 eng d | ||
| 040 | |a UMI |b eng |e rda |e pn |c UMI |d OCLCF |d YDXCP |d IDEBK |d KSU |d DEBSZ |d N$T |d DEBBG |d C6I |d OCLCQ |d CEF |d OCLCQ |d NLE |d TEFOD |d UKMGB |d ZCU |d AGLDB |d IGB |d UKAHL |d RDF |d OCLCO |d OCLCQ |d QGK |d OCLCO |d INARC |d OCLCQ |d OCLCL |d TMA |d OCLCQ | ||
| 015 | |a GBB6K5777 |2 bnb | ||
| 016 | 7 | |a 018010617 |2 Uk | |
| 019 | |a 945752060 |a 945783606 |a 1259228830 | ||
| 020 | |a 9781785884337 |q (electronic bk.) | ||
| 020 | |a 1785884336 |q (electronic bk.) | ||
| 020 | |z 9781785883781 | ||
| 020 | |z 178588378X | ||
| 035 | |a (OCoLC)946054887 |z (OCoLC)945752060 |z (OCoLC)945783606 |z (OCoLC)1259228830 | ||
| 037 | |a CL0500000730 |b Safari Books Online | ||
| 037 | |a 37089BD2-D04A-4102-B2DF-5596884D9BA5 |b OverDrive, Inc. |n http://www.overdrive.com | ||
| 050 | 4 | |a QA76.9.I52 | |
| 072 | 7 | |a REF |x 018000 |2 bisacsh | |
| 082 | 7 | |a 001.4226028551 | |
| 049 | |a MAIN | ||
| 100 | 1 | |a Körner, Christoph, |e author. | |
| 245 | 1 | 0 | |a Learning responsive data visualization : |b master the art of building responsive visualizations on the Web / |c Christoph Körner. |
| 264 | 1 | |a Birmingham, UK : |b Packt Publishing, |c 2016. | |
| 300 | |a 1 online resource (1 volume) : |b illustrations. | ||
| 336 | |a text |b txt |2 rdacontent | ||
| 337 | |a computer |b c |2 rdamedia | ||
| 338 | |a online resource |b cr |2 rdacarrier | ||
| 490 | 1 | |a Community experience distilled | |
| 588 | 0 | |a Online resource; title from cover page (Safari, viewed April 5, 2016). | |
| 500 | |a Includes index. | ||
| 520 | 8 | |a Annotation |b Master the art of building responsive visualizations on the WebAbout This Book Learn the techniques for building data visualizations that work well for all screen sizes Implement responsive techniques with popular libraries to get to grips with building responsive visualizations that work in the real world Incorporate responsive workflow in your data visualization process to build visualizations that take a mobile-first approach. Who This Book Is ForWeb developers and data science professionals who want to make their visualizations work for smaller screen sizes. Some basic knowledge of JavaScript and Data visualization is expected. What You Will Learn Get familiar with responsive design for data visualizations Understand the main concepts of D3.js to create interactive visualizations Unleash the power of Bootstrap to create stunning and responsive visualizations for all screen resolutions Implement Touch and Mouse interactions for mobile-first applications Design Transitions and Animations that impress in portrait and landscape Build a Responsive World Map using GeoJSON and D3.jsIn DetailUsing D3.js and Responsive Design principles, you will not just be able to implement visualizations that look and feel awesome across all devices and screen resolutions, but you will also boost your productivity and reduce development time by making use of Bootstrapthe most popular framework for developing responsive web applications. This book teaches the basics of scalable vector graphics (SVG), D3.js, and Bootstrap while focusing on Responsive Design as well as mobile-first visualizations; the reader will start by discovering Bootstrap and how it can be used for creating responsive applications, and then implement a basic bar chart in D3.js. You will learn about loading, parsing, and filtering data in JavaScript and then dive into creating a responsive visualization by using Media Queries, responsive interactions for Mobile and Desktop devices, and transitions to bring the visualization to life. In the following chapters, we build a fully responsive interactive map to display geographic data using GeoJSON and set up integration testing with Protractor to test the application across real devices using a mobile API gateway such as AWS Device Farm. You will finish the journey by discovering the caveats of mobile-first applications and learn how to master cross-browser complications. Style and approachAs the world shifts to mobile devices for consuming data on the Web, developers are faced with the unique challenge of making data visualizations work for their smaller screens. The growth of responsive web design enabled developers to adopt page layouts and media for smaller screens, but there is still little information available on how to adapt data visualizations for the smaller screens. This book fills this important gap and shows how responsive web design principles can be extended to create visualizations that work well regardless of the screen size, thereby allowing developers to build user-friendly visualizations that work well on all devices. In addition to covering some of the popular techniques and design patterns for building responsive visualizations, the book also shows readers how to implement these techniques with the help of some popular tools and libraries. | |
| 505 | 0 | |a 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 | |
| 505 | 8 | |a 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? | |
| 505 | 8 | |a 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 | |
| 505 | 8 | |a 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 | |
| 505 | 8 | |a 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 | |
| 650 | 0 | |a Information visualization. |0 http://id.loc.gov/authorities/subjects/sh2002000243 | |
| 650 | 6 | |a Visualisation de l'information. | |
| 650 | 7 | |a REFERENCE |x Questions & Answers. |2 bisacsh | |
| 650 | 7 | |a Information visualization |2 fast | |
| 758 | |i has work: |a Learning responsive data visualization (Text) |1 https://id.oclc.org/worldcat/entity/E39PCYh38gYJMF7MqJgm3hrJcP |4 https://id.oclc.org/worldcat/ontology/hasWork | ||
| 776 | |z 1-78588-378-X | ||
| 830 | 0 | |a Community experience distilled. |0 http://id.loc.gov/authorities/names/no2011030603 | |
| 856 | 1 | |l FWS01 |p ZDB-4-EBA |q FWS_PDA_EBA |u https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1213513 |3 Volltext | |
| 856 | 1 | |l CBO01 |p ZDB-4-EBA |q FWS_PDA_EBA |u https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1213513 |3 Volltext | |
| 938 | |a Internet Archive |b INAR |n learningresponsi0000korn | ||
| 938 | |a Askews and Holts Library Services |b ASKH |n AH30492626 | ||
| 938 | |a EBSCOhost |b EBSC |n 1213513 | ||
| 938 | |a ProQuest MyiLibrary Digital eBook Collection |b IDEB |n cis34312268 | ||
| 938 | |a YBP Library Services |b YANK |n 12908305 | ||
| 994 | |a 92 |b GEBAY | ||
| 912 | |a ZDB-4-EBA | ||
Datensatz im Suchindex
| DE-BY-FWS_katkey | ZDB-4-EBA-ocn946054887 |
|---|---|
| _version_ | 1813903716559880192 |
| adam_text | |
| any_adam_object | |
| author | Körner, Christoph |
| author_facet | Körner, Christoph |
| author_role | aut |
| author_sort | Körner, Christoph |
| author_variant | c k ck |
| building | Verbundindex |
| bvnumber | localFWS |
| callnumber-first | Q - Science |
| callnumber-label | QA76 |
| callnumber-raw | QA76.9.I52 |
| callnumber-search | QA76.9.I52 |
| callnumber-sort | QA 276.9 I52 |
| callnumber-subject | QA - Mathematics |
| collection | ZDB-4-EBA |
| contents | 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 |
| ctrlnum | (OCoLC)946054887 |
| dewey-full | 001.4226028551 |
| dewey-hundreds | 000 - Computer science, information, general works |
| dewey-ones | 001 - Knowledge |
| dewey-raw | 001.4226028551 |
| dewey-search | 001.4226028551 |
| dewey-sort | 11.4226028551 |
| dewey-tens | 000 - Computer science, information, general works |
| discipline | Allgemeines |
| format | Electronic eBook |
| fullrecord | <?xml version="1.0" encoding="UTF-8"?><collection xmlns="http://www.loc.gov/MARC21/slim"><record><leader>08948cam a2200637 i 4500</leader><controlfield tag="001">ZDB-4-EBA-ocn946054887</controlfield><controlfield tag="003">OCoLC</controlfield><controlfield tag="005">20240705115654.0</controlfield><controlfield tag="006">m o d </controlfield><controlfield tag="007">cr unu||||||||</controlfield><controlfield tag="008">160406s2016 enka o 001 0 eng d</controlfield><datafield tag="040" ind1=" " ind2=" "><subfield code="a">UMI</subfield><subfield code="b">eng</subfield><subfield code="e">rda</subfield><subfield code="e">pn</subfield><subfield code="c">UMI</subfield><subfield code="d">OCLCF</subfield><subfield code="d">YDXCP</subfield><subfield code="d">IDEBK</subfield><subfield code="d">KSU</subfield><subfield code="d">DEBSZ</subfield><subfield code="d">N$T</subfield><subfield code="d">DEBBG</subfield><subfield code="d">C6I</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">CEF</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">NLE</subfield><subfield code="d">TEFOD</subfield><subfield code="d">UKMGB</subfield><subfield code="d">ZCU</subfield><subfield code="d">AGLDB</subfield><subfield code="d">IGB</subfield><subfield code="d">UKAHL</subfield><subfield code="d">RDF</subfield><subfield code="d">OCLCO</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">QGK</subfield><subfield code="d">OCLCO</subfield><subfield code="d">INARC</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">OCLCL</subfield><subfield code="d">TMA</subfield><subfield code="d">OCLCQ</subfield></datafield><datafield tag="015" ind1=" " ind2=" "><subfield code="a">GBB6K5777</subfield><subfield code="2">bnb</subfield></datafield><datafield tag="016" ind1="7" ind2=" "><subfield code="a">018010617</subfield><subfield code="2">Uk</subfield></datafield><datafield tag="019" ind1=" " ind2=" "><subfield code="a">945752060</subfield><subfield code="a">945783606</subfield><subfield code="a">1259228830</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9781785884337</subfield><subfield code="q">(electronic bk.)</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">1785884336</subfield><subfield code="q">(electronic bk.)</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="z">9781785883781</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="z">178588378X</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(OCoLC)946054887</subfield><subfield code="z">(OCoLC)945752060</subfield><subfield code="z">(OCoLC)945783606</subfield><subfield code="z">(OCoLC)1259228830</subfield></datafield><datafield tag="037" ind1=" " ind2=" "><subfield code="a">CL0500000730</subfield><subfield code="b">Safari Books Online</subfield></datafield><datafield tag="037" ind1=" " ind2=" "><subfield code="a">37089BD2-D04A-4102-B2DF-5596884D9BA5</subfield><subfield code="b">OverDrive, Inc.</subfield><subfield code="n">http://www.overdrive.com</subfield></datafield><datafield tag="050" ind1=" " ind2="4"><subfield code="a">QA76.9.I52</subfield></datafield><datafield tag="072" ind1=" " ind2="7"><subfield code="a">REF</subfield><subfield code="x">018000</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="082" ind1="7" ind2=" "><subfield code="a">001.4226028551</subfield></datafield><datafield tag="049" ind1=" " ind2=" "><subfield code="a">MAIN</subfield></datafield><datafield tag="100" ind1="1" ind2=" "><subfield code="a">Körner, Christoph,</subfield><subfield code="e">author.</subfield></datafield><datafield tag="245" ind1="1" ind2="0"><subfield code="a">Learning responsive data visualization :</subfield><subfield code="b">master the art of building responsive visualizations on the Web /</subfield><subfield code="c">Christoph Körner.</subfield></datafield><datafield tag="264" ind1=" " ind2="1"><subfield code="a">Birmingham, UK :</subfield><subfield code="b">Packt Publishing,</subfield><subfield code="c">2016.</subfield></datafield><datafield tag="300" ind1=" " ind2=" "><subfield code="a">1 online resource (1 volume) :</subfield><subfield code="b">illustrations.</subfield></datafield><datafield tag="336" ind1=" " ind2=" "><subfield code="a">text</subfield><subfield code="b">txt</subfield><subfield code="2">rdacontent</subfield></datafield><datafield tag="337" ind1=" " ind2=" "><subfield code="a">computer</subfield><subfield code="b">c</subfield><subfield code="2">rdamedia</subfield></datafield><datafield tag="338" ind1=" " ind2=" "><subfield code="a">online resource</subfield><subfield code="b">cr</subfield><subfield code="2">rdacarrier</subfield></datafield><datafield tag="490" ind1="1" ind2=" "><subfield code="a">Community experience distilled</subfield></datafield><datafield tag="588" ind1="0" ind2=" "><subfield code="a">Online resource; title from cover page (Safari, viewed April 5, 2016).</subfield></datafield><datafield tag="500" ind1=" " ind2=" "><subfield code="a">Includes index.</subfield></datafield><datafield tag="520" ind1="8" ind2=" "><subfield code="a">Annotation</subfield><subfield code="b">Master the art of building responsive visualizations on the WebAbout This Book Learn the techniques for building data visualizations that work well for all screen sizes Implement responsive techniques with popular libraries to get to grips with building responsive visualizations that work in the real world Incorporate responsive workflow in your data visualization process to build visualizations that take a mobile-first approach. Who This Book Is ForWeb developers and data science professionals who want to make their visualizations work for smaller screen sizes. Some basic knowledge of JavaScript and Data visualization is expected. What You Will Learn Get familiar with responsive design for data visualizations Understand the main concepts of D3.js to create interactive visualizations Unleash the power of Bootstrap to create stunning and responsive visualizations for all screen resolutions Implement Touch and Mouse interactions for mobile-first applications Design Transitions and Animations that impress in portrait and landscape Build a Responsive World Map using GeoJSON and D3.jsIn DetailUsing D3.js and Responsive Design principles, you will not just be able to implement visualizations that look and feel awesome across all devices and screen resolutions, but you will also boost your productivity and reduce development time by making use of Bootstrapthe most popular framework for developing responsive web applications. This book teaches the basics of scalable vector graphics (SVG), D3.js, and Bootstrap while focusing on Responsive Design as well as mobile-first visualizations; the reader will start by discovering Bootstrap and how it can be used for creating responsive applications, and then implement a basic bar chart in D3.js. You will learn about loading, parsing, and filtering data in JavaScript and then dive into creating a responsive visualization by using Media Queries, responsive interactions for Mobile and Desktop devices, and transitions to bring the visualization to life. In the following chapters, we build a fully responsive interactive map to display geographic data using GeoJSON and set up integration testing with Protractor to test the application across real devices using a mobile API gateway such as AWS Device Farm. You will finish the journey by discovering the caveats of mobile-first applications and learn how to master cross-browser complications. Style and approachAs the world shifts to mobile devices for consuming data on the Web, developers are faced with the unique challenge of making data visualizations work for their smaller screens. The growth of responsive web design enabled developers to adopt page layouts and media for smaller screens, but there is still little information available on how to adapt data visualizations for the smaller screens. This book fills this important gap and shows how responsive web design principles can be extended to create visualizations that work well regardless of the screen size, thereby allowing developers to build user-friendly visualizations that work well on all devices. In addition to covering some of the popular techniques and design patterns for building responsive visualizations, the book also shows readers how to implement these techniques with the help of some popular tools and libraries.</subfield></datafield><datafield tag="505" ind1="0" ind2=" "><subfield code="a">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</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">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?</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">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</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">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</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">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</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">Information visualization.</subfield><subfield code="0">http://id.loc.gov/authorities/subjects/sh2002000243</subfield></datafield><datafield tag="650" ind1=" " ind2="6"><subfield code="a">Visualisation de l'information.</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">REFERENCE</subfield><subfield code="x">Questions & Answers.</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">Information visualization</subfield><subfield code="2">fast</subfield></datafield><datafield tag="758" ind1=" " ind2=" "><subfield code="i">has work:</subfield><subfield code="a">Learning responsive data visualization (Text)</subfield><subfield code="1">https://id.oclc.org/worldcat/entity/E39PCYh38gYJMF7MqJgm3hrJcP</subfield><subfield code="4">https://id.oclc.org/worldcat/ontology/hasWork</subfield></datafield><datafield tag="776" ind1=" " ind2=" "><subfield code="z">1-78588-378-X</subfield></datafield><datafield tag="830" ind1=" " ind2="0"><subfield code="a">Community experience distilled.</subfield><subfield code="0">http://id.loc.gov/authorities/names/no2011030603</subfield></datafield><datafield tag="856" ind1="1" ind2=" "><subfield code="l">FWS01</subfield><subfield code="p">ZDB-4-EBA</subfield><subfield code="q">FWS_PDA_EBA</subfield><subfield code="u">https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1213513</subfield><subfield code="3">Volltext</subfield></datafield><datafield tag="856" ind1="1" ind2=" "><subfield code="l">CBO01</subfield><subfield code="p">ZDB-4-EBA</subfield><subfield code="q">FWS_PDA_EBA</subfield><subfield code="u">https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1213513</subfield><subfield code="3">Volltext</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">Internet Archive</subfield><subfield code="b">INAR</subfield><subfield code="n">learningresponsi0000korn</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">Askews and Holts Library Services</subfield><subfield code="b">ASKH</subfield><subfield code="n">AH30492626</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">EBSCOhost</subfield><subfield code="b">EBSC</subfield><subfield code="n">1213513</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">ProQuest MyiLibrary Digital eBook Collection</subfield><subfield code="b">IDEB</subfield><subfield code="n">cis34312268</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">YBP Library Services</subfield><subfield code="b">YANK</subfield><subfield code="n">12908305</subfield></datafield><datafield tag="994" ind1=" " ind2=" "><subfield code="a">92</subfield><subfield code="b">GEBAY</subfield></datafield><datafield tag="912" ind1=" " ind2=" "><subfield code="a">ZDB-4-EBA</subfield></datafield></record></collection> |
| id | ZDB-4-EBA-ocn946054887 |
| illustrated | Illustrated |
| indexdate | 2024-10-25T16:23:06Z |
| institution | BVB |
| isbn | 9781785884337 1785884336 |
| language | English |
| oclc_num | 946054887 |
| open_access_boolean | |
| owner | MAIN |
| owner_facet | MAIN |
| physical | 1 online resource (1 volume) : illustrations. |
| psigel | ZDB-4-EBA |
| publishDate | 2016 |
| publishDateSearch | 2016 |
| publishDateSort | 2016 |
| publisher | Packt Publishing, |
| record_format | marc |
| series | Community experience distilled. |
| series2 | Community experience distilled |
| spelling | Körner, Christoph, author. Learning responsive data visualization : master the art of building responsive visualizations on the Web / Christoph Körner. Birmingham, UK : Packt Publishing, 2016. 1 online resource (1 volume) : illustrations. text txt rdacontent computer c rdamedia online resource cr rdacarrier Community experience distilled Online resource; title from cover page (Safari, viewed April 5, 2016). Includes index. Annotation Master the art of building responsive visualizations on the WebAbout This Book Learn the techniques for building data visualizations that work well for all screen sizes Implement responsive techniques with popular libraries to get to grips with building responsive visualizations that work in the real world Incorporate responsive workflow in your data visualization process to build visualizations that take a mobile-first approach. Who This Book Is ForWeb developers and data science professionals who want to make their visualizations work for smaller screen sizes. Some basic knowledge of JavaScript and Data visualization is expected. What You Will Learn Get familiar with responsive design for data visualizations Understand the main concepts of D3.js to create interactive visualizations Unleash the power of Bootstrap to create stunning and responsive visualizations for all screen resolutions Implement Touch and Mouse interactions for mobile-first applications Design Transitions and Animations that impress in portrait and landscape Build a Responsive World Map using GeoJSON and D3.jsIn DetailUsing D3.js and Responsive Design principles, you will not just be able to implement visualizations that look and feel awesome across all devices and screen resolutions, but you will also boost your productivity and reduce development time by making use of Bootstrapthe most popular framework for developing responsive web applications. This book teaches the basics of scalable vector graphics (SVG), D3.js, and Bootstrap while focusing on Responsive Design as well as mobile-first visualizations; the reader will start by discovering Bootstrap and how it can be used for creating responsive applications, and then implement a basic bar chart in D3.js. You will learn about loading, parsing, and filtering data in JavaScript and then dive into creating a responsive visualization by using Media Queries, responsive interactions for Mobile and Desktop devices, and transitions to bring the visualization to life. In the following chapters, we build a fully responsive interactive map to display geographic data using GeoJSON and set up integration testing with Protractor to test the application across real devices using a mobile API gateway such as AWS Device Farm. You will finish the journey by discovering the caveats of mobile-first applications and learn how to master cross-browser complications. Style and approachAs the world shifts to mobile devices for consuming data on the Web, developers are faced with the unique challenge of making data visualizations work for their smaller screens. The growth of responsive web design enabled developers to adopt page layouts and media for smaller screens, but there is still little information available on how to adapt data visualizations for the smaller screens. This book fills this important gap and shows how responsive web design principles can be extended to create visualizations that work well regardless of the screen size, thereby allowing developers to build user-friendly visualizations that work well on all devices. In addition to covering some of the popular techniques and design patterns for building responsive visualizations, the book also shows readers how to implement these techniques with the help of some popular tools and libraries. 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 Information visualization. http://id.loc.gov/authorities/subjects/sh2002000243 Visualisation de l'information. REFERENCE Questions & Answers. bisacsh Information visualization fast has work: Learning responsive data visualization (Text) https://id.oclc.org/worldcat/entity/E39PCYh38gYJMF7MqJgm3hrJcP https://id.oclc.org/worldcat/ontology/hasWork 1-78588-378-X Community experience distilled. http://id.loc.gov/authorities/names/no2011030603 FWS01 ZDB-4-EBA FWS_PDA_EBA https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1213513 Volltext CBO01 ZDB-4-EBA FWS_PDA_EBA https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1213513 Volltext |
| spellingShingle | Körner, Christoph Learning responsive data visualization : master the art of building responsive visualizations on the Web / Community experience distilled. 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 Information visualization. http://id.loc.gov/authorities/subjects/sh2002000243 Visualisation de l'information. REFERENCE Questions & Answers. bisacsh Information visualization fast |
| subject_GND | http://id.loc.gov/authorities/subjects/sh2002000243 |
| title | Learning responsive data visualization : master the art of building responsive visualizations on the Web / |
| title_auth | Learning responsive data visualization : master the art of building responsive visualizations on the Web / |
| title_exact_search | Learning responsive data visualization : master the art of building responsive visualizations on the Web / |
| title_full | Learning responsive data visualization : master the art of building responsive visualizations on the Web / Christoph Körner. |
| title_fullStr | Learning responsive data visualization : master the art of building responsive visualizations on the Web / Christoph Körner. |
| title_full_unstemmed | Learning responsive data visualization : master the art of building responsive visualizations on the Web / Christoph Körner. |
| title_short | Learning responsive data visualization : |
| title_sort | learning responsive data visualization master the art of building responsive visualizations on the web |
| title_sub | master the art of building responsive visualizations on the Web / |
| topic | Information visualization. http://id.loc.gov/authorities/subjects/sh2002000243 Visualisation de l'information. REFERENCE Questions & Answers. bisacsh Information visualization fast |
| topic_facet | Information visualization. Visualisation de l'information. REFERENCE Questions & Answers. Information visualization |
| url | https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1213513 |
| work_keys_str_mv | AT kornerchristoph learningresponsivedatavisualizationmastertheartofbuildingresponsivevisualizationsontheweb |