JavaScript

As explained in Everyday Data Visualization

JavaScript is a general-purpose programming language widely used for interactive behavior in web browsers and other environments.

JavaScript is a general-purpose language widely used to create interactive behavior in web browsers and data visualizations. Front-end web development is closely associated with JavaScript, whose asynchronous nature can make execution timing difficult to follow. section 1.5.3

For visualization, JavaScript commonly works with D3, a free, open-source library for building data-driven documents. D3 uses SVG, HTML5, and CSS, and can turn a small fruit dataset into a bar chart with roughly 50 lines of code. section 1.5.3

A basic D3 bar chart

A fruit-data bar chart demonstrates how JavaScript and D3 can produce an interactive web visualization; similar work appears in online journalism such as The New York Times. section 1.5.3

Figure 1.9 A basic bar chart created in d3.js

Inspect the basic D3 bar chart as a concrete example of JavaScript-based visualization. section 1.5.3

How Everyday Data Visualization covers it

How deep it goes

Introduces asynchronous execution and D3-based visualization, but stops short of teaching coding fundamentals.

Examples

Uses a fruit-data bar chart and points to data visualizations published by The New York Times.

What it assumes

Assumes little coding instruction and deliberately leaves programming fundamentals to other resources.

What you can do after

Apply it via D3 to create a basic web-based bar chart.

How it connects

Connects JavaScript with D3, SVG, HTML5, CSS, and asynchronous programming.

liveBookmanning.com

Read Everyday Data Visualization on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  Build a Frontend Web Framework (From Scratch)JavaScript used without a frontend framework or other abstraction layer.
• 

  liveBookmanning.com
  Essential TypeScript 5, Third EditionA dynamic, multi-paradigm programming language standardized as ECMAScript and commonly executed in web browsers and server runtimes.
• 

  liveBookmanning.com
  Web Components in ActionJavaScript is a programming language standardized as ECMAScript and commonly executed in web browsers.
• 

  liveBookmanning.com
  Bootstrapping Microservices, Second Edition: With Docker, Kubernetes, GitHub Actions, and TerraformJavaScript is a high-level programming language standardized as ECMAScript and commonly used for web and server-side development.
• 

  liveBookmanning.com
  Pro Angular 16JavaScript is a programming language commonly used to implement behavior in web pages and client-side applications.
• 

  liveBookmanning.com
  Math for Web DesignA standardized programming language commonly used to add computation and interactive behavior to web pages and applications.
• 

  liveBookmanning.com
  Build a Website with ChatGPTJavaScript is a programming language commonly executed in web browsers to provide interactive web-page behavior.
• 

  liveBookmanning.com
  Secrets of the JavaScript Ninja, Second EditionA high-level, dynamically typed programming language standardized as ECMAScript and commonly used for web, server-side, desktop, mobile, and other application development.
• 

  liveBookmanning.com
  Grokking SimplicityA high-level programming language commonly used for scripting and application development across web and server environments.
• 

  liveBookmanning.com
  D3.js in Action, Third EditionA high-level programming language standardized as ECMAScript and commonly executed in web browsers and JavaScript runtimes.
• 

  liveBookmanning.com
  Road to KubernetesJavaScript is a dynamic programming language standardized as ECMAScript and commonly used for web application development.

Compare how 12 books explain JavaScript →

Related concepts

• TypeScriptincludes · TypeScript is a statically typed superset of JavaScript that adds type-system features and is compiled to JavaScript.
• TypeScript compilerproduced by · The TypeScript compiler analyzes and checks TypeScript source code and can emit JavaScript and declaration files.
• D3.jsused by · D3.js is an open-source JavaScript library for binding data to documents and creating dynamic, interactive visualizations in web browsers.
• JSXincludes · JSX is a JavaScript syntax extension for expressing user-interface elements with XML-like or HTML-like markup that is transformed into JavaScript.
• function overloadingcontrasts with · Function overloading is defining multiple callable operations with the same name but different parameter signatures, with behavior selected according to the call.

This explainer was generated by Manning's knowledge graph from the text of Everyday Data Visualization. The section links point to the parts of the book it draws on.