Index
A
- absolute positioning
- about / The force layout method
- accessor methods, barcode chart / Accessor methods
- addData function
- using / The radial layout
- addTweet method / Models and collections
- Amazon S3
- used, for hosting visualization / Hosting the visualization in Amazon S3
- visualization, hosting / Hosting the visualization in Amazon S3
- Amazon S3 console
- application model, stock explorer application
- defining / The application model
- application view
- about / The application view
- creating / Creating the application view
- implementing / Creating the application view
- arc method / Creating shapes
- arcs
- area chart
- creating / Selecting a range with brushing, Creating the area chart
- range, selecting with brushing / Selecting a range with brushing
- brushing, adding / Adding brushing
- Array.prototype.sort instance method
- about / Loading and sorting the data
- attributes, reusable charts
- configurable / Creating reusable charts
- repeatable / Creating reusable charts
- composable / Creating reusable charts
- avgScores attribute / Obtaining the data
B
- Backbone
- about / Learning the basics of Backbone
- URL / Routers
- Backbone components
- events / Events
- models / Models
- collections / Collections
- views / Views
- routers / Routers
- Backbone Fundamentals
- URL / Routers
- Backbone Views
- implementing / Implementing the views
- title view / The title view
- stock selector view / The stock selector view
- stock context view / The stock context view
- stock detail view / The stock detail view
- application view / The application view
- bar chart view
- about / The bar chart view
- implementing / The bar chart view
- barcode chart
- about / The barcode chart
- accessor methods / Accessor methods
- initialization / Chart initialization
- data, adding / Adding data
- date accessor function, adding / Adding the date accessor function
- dataset, updating / Updating the dataset
- entering transition, fixing / Fixing the enter and exit transitions
- using / Using the barcode chart
- barcodeChart function / The barcode chart
- Bower tool
- brighter() method / Highlighting chart elements
- brush
- about / Adding brushing
- brushend event / Adding brushing
- brush function / Adding brushing
- brushing
- used, for selecting range / Adding brushing
- brush listener
- about / The brush listener
- brushListener function / Adding brushing
- creating / The brush listener
- brushstart event / Adding brushing
- bucket
- about / Hosting the visualization in Amazon S3
- creating / Hosting the visualization in Amazon S3
C
- call method / Encapsulating the creation of elements
- canvas
- figures, creating with / Creating figures with canvas
- integrating, with D3 / Integrating canvas and D3
- used, for rendering raster image / Rendering the raster image with canvas
- canvg
- about / Polyfilling
- URL / Polyfilling
- canvg example
- about / The canvg example
- cartographic projections
- about / Using cartographic projections
- URL / Using cartographic projections
- Mercator projection / Using cartographic projections
- Orthographic projection / Using cartographic projections, The Orthographic projection
- Equirectangular projection / Using the Equirectangular projection
- Conic Equidistant projection / The Conic Equidistant projection
- chart
- about / Creating reusable charts
- chart.color method / The color picker selector
- chart.svgInit function / The brush listener
- chart elements
- highlighting / Highlighting chart elements
- chart function / Chart initialization
- charting function / Highlighting chart elements
- about / The stock title chart
- charting package
- development workflow / The development workflow
- package contents, creating / Creating the package contents
- project setup / The project setup
- testing / Testing our package
- using, in other projects / Using the package in other projects
- choropleth map
- creating / Creating a choropleth map
- class section, dashboard
- about / The class section
- creating / The class section
- client application
- creating / Creating the client application
- structure / The application structure
- clipAngle method / The Orthographic projection
- collections
- about / Collections
- collections, data-driven application
- creating / Creating the models and collections
- Color Brewer
- color picker
- about / Creating a color picker
- creating / Creating a color picker
- selector / The color picker selector
- window, adding / Adding the color picker window
- window, creating / The color picker window
- color picker selector
- about / The color picker selector
- color picker window
- adding / Adding the color picker window
- creating / The color picker window
- components, data-driven application
- creating / Creating the application components
- models, creating / Creating the models and collections
- collections, creating / Creating the models and collections
- views, creating / Creating the views
- config object / Using Twit to access the Twitter-streaming API
- Conic Equidistant projection
- about / The Conic Equidistant projection
- contents, charting package
- creating / Creating the package contents
- heat map chart / The heat map chart
- matrix layout / The matrix layout
- CountriesTrendView / Creating the views
- CountryInformation model / Creating the models and collections
- CountryTrend model / Creating the models and collections
- courses section, dashboard
- about / The courses section
- creating / The courses section
- credentials.js file / Using the Twitter-streaming API
D
- D3
- used, for creating elements / Creating elements with D3
- using, with canvas / Using canvas and D3
- canvas, integrating / Integrating canvas and D3
- maps, creating with / Creating maps with D3
- using / Using Mapbox and D3
- integrating, with Mapbox / Integrating Mapbox and D3
- used, for projecting raster images / Projecting raster images with D3
- D3 library
- about / Introducing the D3 library
- URL / Introducing the D3 library
- d3.geo.area method
- about / Creating a choropleth map
- d3.geo.bounds method
- about / Mapping topology
- d3.geo.centroid method
- about / Mapping topology
- d3.geo.distance method
- about / Mapping topology
- d3.geo.graticule() method / Using the Equirectangular projection
- d3.json method
- about / Loading and sorting the data
- d3.rgb function / Highlighting chart elements
- dashboard
- defining / Defining a dashboard
- best practices / Good practices in dashboard design
- creating / Making a dashboard
- dashboard, creating
- purpose, defining / Defining the purpose of the dashboard
- data, obtaining / Obtaining the data
- information, organizing / Organizing the information
- sections, creating / Creating the dashboard sections
- sections, gathering / Gathering the dashboard sections
- dashboard design
- color / Good practices in dashboard design
- form / Good practices in dashboard design
- position / Good practices in dashboard design
- dashboard information, organizing
- students section / Organizing the information
- course section / Organizing the information
- class section / Organizing the information
- dashboards
- about / Dashboards
- dashboard sections
- students section / The students section
- courses section / The courses section
- class section / The class section
- gathering / Gathering the dashboard sections
- data() method / Binding data
- data-driven application
- creating / Creating the application
- project setup / The project setup
- websites, generating with Jekyll / Generating a static site with Jekyll
- components, creating / Creating the application components
- setting up / The application setup
- data visualization
- defining / Defining data visualization
- kinds / Some kinds of data visualizations
- infographics / Infographics
- exploratory visualizations / Exploratory visualizations
- dashboards / Dashboards
- about / Learning about data visualization
- date accessor function
- adding, to barcode chart / Adding the date accessor function
- declination, interactive star map / Creating an interactive star map
- dependencies
- development workflow, charting package
- about / The development workflow
- code, writing / Writing the code
- release, creating / Creating a release
- divItems selection / Binding data
- drag behavior
- using / The drag behavior
- URL / The drag behavior
- dragListener function / The drag behavior
E
- Electoral Map example
- URL / Creating a legend
- elements, creating with D3
- about / Creating elements with D3
- data binding / Binding data
- creation, encapsulating / Encapsulating the creation of elements
- svg element, creating / Creating the svg element
- endpoints, Twitter-streaming API
- statuses/sample / Using the Twitter-streaming API
- statuses/filter / Using the Twitter-streaming API
- statuses/firehose / Using the Twitter-streaming API
- Equirectangular projection
- Equirectangular projection, interactive star map
- changing / Changing the projection and adding rotation
- ESRIshapefile format
- about / Obtaining geographic data
- events
- about / Events
- exploratory visualizations
- about / Exploratory visualizations
F
- feature detection
- about / Feature detection
- figures
- creating, with canvas / Creating figures with canvas
- files
- manipulating / Transforming and manipulating the files
- transforming / Transforming and manipulating the files
- Firebase
- real-time application, collaborating with / Collaborating in real time with Firebase
- configuring / Configuring Firebase
- real-time application, integrating with / Integrating the application with Firebase
- force layout method
- about / The force layout method
G
- Gapminder project
- Gapminder World tool
- about / Exploratory visualizations
- GDAL
- geodata object
- about / Mapping topology
- geographic coordinates, of pixel
- geographic data
- obtaining / Obtaining geographic data
- GeoJSON format / Understanding the GeoJSON and TopoJSON formats
- TopoJSON format / Understanding the GeoJSON and TopoJSON formats
- files, transforming / Transforming and manipulating the files
- files, manipulating / Transforming and manipulating the files
- GeoJSON format
- Git
- about / The project setup
- URL / The project setup
- GitHub
- using / The project setup
- GitHub Pages
- used, for hosting visualization / Hosting the visualization with GitHub Pages
- about / Hosting the visualization with GitHub Pages
- URL / Hosting the visualization with GitHub Pages
- graticule
- about / Creating a choropleth map
- Gruntfile.js file
- about / Building with Grunt
- Grunt plugins
- URL / Building with Grunt
- Grunt tool
- about / Writing the code
H
- hdi-explorer
- URL / Configuring Firebase
- heat map chart
- about / The heat map chart
- HSL model / Good practices in dashboard design
- HTML canvas element
- about / Creating figures with canvas
- Human Development Data API
- Human Development Index (HDI) / Creating the application
- Human Development Index and its Components endpoint / Creating the models and collections
- Human Development Index Trends endpoint / Creating the models and collections
- HYG database
I
- infographics
- initDiv function / Encapsulating the creation of elements
- initialize method
- input view
- about / The input view
- rendering / The input view
- implementing / The input view
- interactive star map
- creating / Creating an interactive star map
- stars, drawing / Drawing the stars
- Equirectangular projection, changing / Changing the projection and adding rotation
- projection rotation, adding / Changing the projection and adding rotation
- labels, adding to / Adding colors and labels to the stars
- colors, adding / Adding colors and labels to the stars
- inverse projections / Projecting raster images with D3
- invert method / Reprojecting the image using the Orthographic projection
J
- Jekyll
- used, for generating websites / Generating a static site with Jekyll
- about / Generating a static site with Jekyll
- installing / Generating a static site with Jekyll
- URL, for documentation / Generating a static site with Jekyll
- configuring, for content deployment / Configuring Jekyll to deploy files to S3
- JSLint
L
- latLngToLayerPoint method
- about / Integrating Mapbox and D3
- layer
- about / Integrating Mapbox and D3
- layout algorithm
- creating / Creating a layout algorithm
- about / Creating a layout algorithm
- radial layout / The radial layout
- linter
- about / Checking our code with JSHint
- Liquid Templating language
- listener function
- about / The force layout method
M
- MAJOR.MINOR.PATCH form / Semantic Versioning
- MAJOR version, Semantic Versioning / Semantic Versioning
- make program
- Mapbox
- using / Using Mapbox and D3
- about / Using Mapbox and D3
- features / Using Mapbox and D3
- integrating, with D3 / Integrating Mapbox and D3
- Mapbox account
- creating, URL / Using Mapbox and D3
- Mapbox project
- creating / Creating a Mapbox project
- map files
- cultural / Obtaining geographic data
- physical / Obtaining geographic data
- raster / Obtaining geographic data
- maps
- creating, with D3 / Creating maps with D3
- choropleth map, creating / Creating a choropleth map
- topology, mapping / Mapping topology
- Mapbox, using / Using Mapbox and D3
- D3, using / Using Mapbox and D3
- Mapbox project, creating / Creating a Mapbox project
- Mapbox, integrating with D3 / Integrating Mapbox and D3
- matrix layout
- about / The matrix layout
- Mercator projection / Using cartographic projections
- MINOR version, Semantic Versioning / Semantic Versioning
- models
- about / Models
- models, data-driven application
- creating / Creating the models and collections
- CountryInformation model / Creating the models and collections
- CountryTrend model / Creating the models and collections
- Modernizr library
- using / Feature detection
- moveHandler listener / Creating the slider
- moveTo method / Creating shapes
- MV* pattern
- about / Learning the basics of Backbone
N
- NASA Earth Observatory site
- Natural Earth
- Next Generation Blue Marble images / Projecting raster images with D3
- Node.js
- URL / The project setup
- Node modules
- installing / Installing the Node modules
- Node Package Manager (npm) / Installing the Node modules
- node_modules directory
O
- object constancy / Updating the dataset
- ogr2ogr program
- onColorChange function / The color picker window
- onSlide function / Creating the slider
- openPicker function / Adding the color picker window
- Orthographic projection
- about / Using cartographic projections, The Orthographic projection
- used, for rotating globe creation / Creating a rotating globe
- used, for raster image reprojection / Reprojecting the image using the Orthographic projection
P
- PATCH version, Semantic Versioning / Semantic Versioning
- polyfill
- about / Polyfilling
- svgweb / Polyfilling
- canvg / Polyfilling
- using / Polyfilling
- feature detection / Feature detection
- canvg example / The canvg example
- Polygon object
- preattentive attributes of visual perception / Good practices in dashboard design
- projection rotation, interactive star map
- projections
- project setup, charting package
- about / The project setup
- Node modules, installing / Installing the Node modules
- building, with Grunt / Building with Grunt
- source files, concatenating / Concatenating our source files
- library, minifying / Minifying the library
- code, checking with JSHint / Checking our code with JSHint
- tasks sequences, registering / Registering the sequences of tasks
- fontend dependencies, managing / Managing the frontend dependencies
R
- radial chart
- about / The radial layout
- radial layout, layout algorithm
- about / The radial layout
- angles, computing / Computing the angles
- using / Using the layout
- rangePoints method / Highlighting chart elements
- raster images
- projecting, with D3 / Projecting raster images with D3
- rendering, with canvas / Rendering the raster image with canvas
- pixel geographic coordinates, computing / Computing the geographic coordinates of each pixel
- reprojecting, Orthographic projection used / Reprojecting the image using the Orthographic projection
- URL, for adding zoom behavior / Reprojecting the image using the Orthographic projection
- URL, for reprojection / Reprojecting the image using the Orthographic projection
- real-time application
- collaborating, with Firebase / Collaborating in real time with Firebase
- Firebase, configuring / Configuring Firebase
- integrating, with Firebase / Integrating the application with Firebase
- Twitter explorer application, creating / Creating a Twitter explorer application
- release
- about / Creating a release
- release, charting package development workflow
- creating / Creating a release
- Semantic Versioning / Semantic Versioning
- rendering context / Creating figures with canvas
- render method
- about / The application view
- reproject, raster image / Reprojecting the image using the Orthographic projection
- reusable charts
- creating / Creating reusable charts
- attributes / Creating reusable charts
- barcode chart / The barcode chart
- right ascension / Creating an interactive star map
- rotating globe
- creating / Creating a rotating globe
- URL, for article / Creating a rotating globe
- routers
- about / Routers
S
- S3 Bucket
- site, uploading to / Uploading the site to the S3 bucket
- s3cmd
- selection.call method / Encapsulating the creation of elements
- using / The heat map chart
- selection.each method / Encapsulating the creation of elements
- selection.on method / Highlighting chart elements
- Semantic Versioning
- about / Semantic Versioning
- URL / Semantic Versioning
- MAJOR version / Semantic Versioning
- MINOR version / Semantic Versioning
- PATCH version / Semantic Versioning
- setState method
- about / Defining the routes
- setStock method
- about / Defining the routes
- shapefile
- about / Obtaining geographic data
- .shp / Obtaining geographic data
- .shx / Obtaining geographic data
- .dbf / Obtaining geographic data
- shapes
- creating / Creating shapes
- slider
- about / Creating a slider control
- drag behavior, using / The drag behavior
- creating / Creating the slider
- using / Using the slider
- snapshot / Integrating the application with Firebase
- Socket.IO
- about / Using Socket.IO
- using / Using Socket.IO
- star catalog, interactive star map
- selecting / Choosing our star catalog
- stars, interactive star map
- creating / Drawing the stars
- statuses/filter endpoint / Using the Twitter-streaming API
- statuses/firehose endpoint / Using the Twitter-streaming API
- statuses/sample endpoint / Using the Twitter-streaming API
- stock area chart
- about / The stock area chart
- stock charts
- creating / Creating the stock charts
- stock title chart / The stock title chart
- stock area chart / The stock area chart
- stock collection
- about / The stock collection
- stock context view
- about / The stock context view
- stock detail view
- about / The stock detail view
- stock explorer application
- about / The stock explorer application
- context chart / The stock explorer application
- detail chart / The stock explorer application
- control view / The stock explorer application
- stock title / The stock explorer application
- stock charts, creating / Creating the stock charts
- structure, preparing / Preparing the application structure
- index page / The index page
- models, creating / Creating the models and collections
- collections, creating / Creating the models and collections
- stock model, creating / The stock model
- stock collection, creating / The stock collection
- application model, creating / The application model
- routes, defining / Defining the routes
- initializing / Initializing the application
- stock model
- about / The stock model
- stock selector view
- about / The stock selector view
- stock title chart
- about / The stock title chart
- streaming server
- creating / Creating the streaming server
- Twitter-streaming API, using / Using the Twitter-streaming API
- Twitter-streaming API, accessing with Twit / Using Twit to access the Twitter-streaming API
- Socket.IO, using / Using Socket.IO
- implementing / Implementing the streaming server
- stream object / Using Twit to access the Twitter-streaming API
- structure, client application
- about / The application structure
- models / Models and collections
- collections / Models and collections
- topics views, implementing / Implementing the topics views
- application view, creating / Creating the application view
- application setup / The application setup
- students section, dashboard
- about / The students section
- creating / The students section
- style method / Creating elements with D3
- suite / Writing a simple test
- svg element
- creating / Creating the svg element
- SVG support, browser market
- svgweb
- about / Polyfilling
- URL / Polyfilling
T
- testing, charting package
- test, creating / Writing a simple test
- test, executing / Writing a simple test
- heat map chart, testing / Testing the heat map chart
- matrix layout, testing / Testing the matrix layout
- tests, running with Grunt / Running the tests with Grunt
- text method / Creating elements with D3
- this context / Encapsulating the creation of elements
- timeFormat variable
- about / Creating the area chart
- timeInterval accessor method
- title view
- about / The title view
- TodoMVC
- URL / Routers
- tooltip
- about / Creating tooltips
- creating / Creating tooltips
- using / Using the tooltip
- tooltip function
- creating / Using the tooltip
- configuring / Using the tooltip
- Topic model / Models and collections
- Topics collection / Models and collections
- topics map view
- about / The topics map view
- creating / The topics map view
- rendering / The topics map view
- topics views
- implementing / Implementing the topics views
- input view / The input view
- bar chart view / The bar chart view
- topics map view / The topics map view
- topojson.feature object
- about / Mapping topology
- topojson.mesh method
- about / Mapping topology
- TopoJSON files
- TopoJSON format
- topology
- mapping / Mapping topology
- tweet attributes
- reference link / Using Twit to access the Twitter-streaming API
- tweet object / Using Twit to access the Twitter-streaming API
- Twit module / Creating a Twitter explorer application
- Twit node module
- URL / Using Twit to access the Twitter-streaming API
- used, for accessing Twitter-streaming API / Using Twit to access the Twitter-streaming API
- Twit project repository
- Twitter-streaming API
- using / Using the Twitter-streaming API
- endpoints / Using the Twitter-streaming API
- accessing, Twit used / Using Twit to access the Twitter-streaming API
- Twitter Application Management page
- Twitter explorer application
- creating / Creating a Twitter explorer application
- Typeahead jQuery plugin / Creating the views
- URL / Creating the views
U
- Underscore
- about / Learning the basics of Backbone
- updateColor function / The color picker window
- updateMessages function / Using Socket.IO
- user interface elements
- chart elements, highlighting / Highlighting chart elements
V
- views
- about / Views
- views, data-driven application
- creating / Creating the views
- CountriesTrendView / Creating the views
- visualization, data-driven application
- hosting, GitHub Pages used / Hosting the visualization with GitHub Pages
- visualization, hosting in Amazon S3
- about / Hosting the visualization in Amazon S3
- files, deploying to S3 / Configuring Jekyll to deploy files to S3
- site, uploading to S3 Bucket / Uploading the site to the S3 bucket
- visualizations, without SVG
- creating / Visualizations without SVG
- data, loading / Loading and sorting the data
- data, sorting / Loading and sorting the data
- force layout method / The force layout method
- color and size, setting / Setting the color and size
- legend, creating / Creating a legend
- Electoral Map example / Creating a legend
- Vows tool
- about / Writing the code
Y
- YAML