talk-data.com talk-data.com

Topic

HTML

HyperText Markup Language (HTML)

web_development markup_language front_end

10

tagged

Activity Trend

15 peak/qtr
2020-Q1 2026-Q1

Activities

Showing filtered results

Filtering by: O'Reilly Data Visualization Books ×
Data Visualization with Python and JavaScript, 2nd Edition

How do you turn raw, unprocessed, or malformed data into dynamic, interactive web visualizations? In this practical book, author Kyran Dale shows data scientists and analysts--as well as Python and JavaScript developers--how to create the ideal toolchain for the job. By providing engaging examples and stressing hard-earned best practices, this guide teaches you how to leverage the power of best-of-breed Python and JavaScript libraries. Python provides accessible, powerful, and mature libraries for scraping, cleaning, and processing data. And while JavaScript is the best language when it comes to programming web visualizations, its data processing abilities can't compare with Python's. Together, these two languages are a perfect complement for creating a modern web-visualization toolchain. This book gets you started. You'll learn how to: Obtain data you need programmatically, using scraping tools or web APIs: Requests, Scrapy, Beautiful Soup Clean and process data using Python's heavyweight data processing libraries within the NumPy ecosystem: Jupyter notebooks with pandas+Matplotlib+Seaborn Deliver the data to a browser with static files or by using Flask, the lightweight Python server, and a RESTful API Pick up enough web development skills (HTML, CSS, JS) to get your visualized data on the web Use the data you've mined and refined to create web charts and visualizations with Plotly, D3, Leaflet, and other libraries

Integrating D3.js with React: Learn to Bring Data Visualization to Life

Integrate D3.js into a React TypeScript project and create a chart component working in harmony with React. This book will show you how utilize D3 with React to bring life to your charts. Seasoned author Elad Elrom will show you how to create simple charts such as line, bar, donut, scatter, histogram and others, and advanced charts such as a world map and force charts. You'll also learn to share the data across your components and charts using React Recoil state management. Then integrate third-party chart libraries that are built on D3 such as Rechart, Visx, Nivo, React-vi, and Victory and in the end deploy your chart as a server or serverless app on popular platforms. React and D3 are two of the most popular frameworks in their respective areas – learn to bring them together and take your storytelling to the next level. What You'll Learn Set up your project with React, TypeScript and D3.js Create simple and advanced D3.js charts Work with complex charts such as world and force charts Integrate D3 data with React state management Improve the performance of your D3 components Deploy as a server or serverless app and debug test Who This Book Is ForReaders that already have basic knowledge of React, HTML, CSS and JavaScript.

Interactive Data Visualization for the Web, 2nd Edition

Create and publish your own interactive data visualization projects on the webâ??even if you have little or no experience with data visualization or web development. Itâ??s inspiring and fun with this friendly, accessible, and practical hands-on introduction. This fully updated and expanded second edition takes you through the fundamental concepts and methods of D3, the most powerful JavaScript library for expressing data visually in a web browser. Ideal for designers with no coding experience, reporters exploring data journalism, and anyone who wants to visualize and share data, this step-by-step guide will also help you expand your web programming skills by teaching you the basics of HTML, CSS, JavaScript, and SVG. Learn D3 4.xâ??the latest D3 versionâ??with downloadable code and over 140 examples Create bar charts, scatter plots, pie charts, stacked bar charts, and force-directed graphs Use smooth, animated transitions to show changes in your data Introduce interactivity to help users explore your data Create custom geographic maps with panning, zooming, labels, and tooltips Walk through the creation of a complete visualization project, from start to finish Explore inspiring case studies with nine accomplished designers talking about their D3-based projects

D3.js: Cutting-edge Data Visualization

Turn your raw data into real knowledge by creating and deploying complex data visualizations with D3.js About This Book Understand how to best represent your data by developing the right kind of visualization Explore the concepts of D3.js through examples that enable you to quickly create visualizations including charts, network diagrams, and maps Get practical examples of visualizations using real-world data sets that show you how to use D3.js to visualize and interact with information to glean its underlying meaning Who This Book Is For Whether you are new to data and data visualization, a seasoned data scientist, or a computer graphics specialist, this Learning Path will provide you with the skills you need to create web-based and interactive data visualizations. Some basic JavaScript knowledge is expected, but no prior experience with data visualization or D3 is required What You Will Learn Gain a solid understanding of the common D3 development idioms Find out how to write basic D3 code for servers using Node.js Install and use D3.js to create HTML elements within a document Create and style graphical elements such as circles, ellipses, rectangles, lines, paths, and text using SVG Turn your data into bar and scatter charts, and add margins, axes, labels, and legends Use D3.js generators to perform the magic of creating complex visualizations from data Add interactivity to your visualizations, including tool-tips, sorting, hover-to-highlight, and grouping and dragging of visuals Write, test, and distribute a D3-based charting package Make a real-time application with Node and D3 In Detail D3 has emerged as one of the leading platforms to develop beautiful, interactive visualizations over the web. We begin the course by setting up a strong foundation, then build on this foundation as we take you through the entire world of reimagining data using interactive, animated visualizations created in D3.js. In the first module, we cover the various features of D3.js to build a wide range of visualizations. We also focus on the entire process of representing data through visualizations. By the end of this module, you will be ready to use D3 to transform any data into a more engaging and sophisticated visualization. In the next module, you will learn to master the creation of graphical elements from data. Using practical examples provided, you will quickly get to grips with the features of D3.js and use this learning to create your own spectacular data visualizations with D3.js. Over the last leg of this course, you will get acquainted with how to integrate D3 with mapping libraries to provide reverse geocoding and interactive maps among many other advanced features of D3. This module culminates by showing you how to create enterprise-level dashboards to display real-time data. This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products: Learning D3.js Data Visualization, Second Edition by Andrew H. Rininsland D3.js By Example by Michael Heydt Mastering D3.js by Pablo Navarro Castillo Style and approach This course provides a comprehensive explanation of how to leverage the power of D3.js to create powerful and creative visualizations through step-by-step instructions in the form of modules. Each module help you skill up a level in creating meaningful visualizations. Downloading the example code for this book. You can download the example code files for all Packt books you have purchased from your account at http://www.PacktPub.com. If you purchased this book elsewhere, you can visit http://www.PacktPub.com/support and register to have the code file.

Data Visualization with D3 4.x Cookbook - Second Edition

This book, 'Data Visualization with D3 4.x Cookbook' by Nick Zhu, is your ultimate guide to mastering data visualization using D3.js. Through practical recipes, you'll learn to create dynamic, data-driven visualizations and tackle real-world visualization challenges. The book also introduces techniques to manage and present data powerfully. What this Book will help me do Master D3.js 4.x features to create efficient data visualizations. Utilize pre-built recipes to generate diverse charts and graphs. Acquire expertise in manipulating datasets for visualization. Develop interactive, dynamic web applications with D3. Overcome common visualization challenges with practical solutions. Author(s) Nick Zhu is a professional data engineer and an expert in creating data-driven applications. With years of experience using D3.js, Nick brings his wealth of knowledge to writing, making complex concepts accessible to learners. He creates resources to help others enhance their data visualization skills. Who is it for? This book is ideal for developers and data analysts familiar with web technologies like HTML, CSS, and JavaScript, aiming to expand their skills with D3.js. Whether you're new to D3 or experienced and looking for a comprehensive reference, this book will empower you to create professional-grade visualizations.

Data Visualization: Representing Information on Modern Web

Unleash the power of data by creating interactive, engaging, and compelling visualizations for the web About This Book Get a portable, versatile, and flexible data visualization design approach that will help you navigate the complex path towards success Get thorough explanation of the many visual variables and visualization taxonomy to provide you with a menu of creative options A comprehensive and contemporary introduction to data-driven visualization design and the most effective approaches to designing impact-maximizing and cognition-amplifying visualizations Who This Book Is For This course is for developers who are excited about data and who want to share that excitement with others and it will be handy for the web developers or data scientists who want to create interactive visualizations for the web. Prior knowledge of developing web applications is required. You should have a working knowledge of both JavaScript and HTML. What You Will Learn Harness the power of D3 by building interactive and real-time data-driven web visualizations Find out how to use JavaScript to create compelling visualizations of social data Identify the purpose of your visualization and your project's parameters to determine overriding design considerations across your project's execution Apply critical thinking to visualization design and get intimate with your dataset to identify its potential visual characteristics Explore the various features of HTML5 to design creative visualizations Discover what data is available on Stack Overflow, Facebook, Twitter, and Google+ Gain a solid understanding of the common D3 development idioms Find out how to write basic D3 code for server using Node.js In Detail Do you want to create more attractive charts? Or do you have huge data sets and need to unearth the key insights in a visual manner? Data visualization is the representation and presentation of data, using proven design techniques to bring alive the patterns, stories, and key insights that are locked away. This learning path is divided into three modules. The first module will equip you with the key techniques required to overcome contemporary data visualization challenges. After getting familiar with key concepts of data visualization, it's time to incorporate it with various technologies. In the second module, Social Data Visualization with HTML5 and JavaScript, it teaches you how to leverage HTML5 techniques through JavaScript to build visualizations. It also clears up how the often complicated OAuth protocol works to help you unlock a universe of social media data from sites such as Twitter, Facebook, and Google+. Once you are familiar with the concepts of incorporating data visualization with HTML5 and JavaScript, third module, Learning d3.js Data Visualization, will lead you to D3, which has emerged as one of the leading platforms to develop beautiful, interactive visualizations over the web. This module provides a strong foundation in designing compelling web visualizations with D3.js. By the end of this course, you will have unlocked the mystery behind successful data visualizations. This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products: Data Visualization: a successful design process by Andy Kirk Social Data Visualization with HTML5 and JavaScript by Simon Timms Learning d3.js Data Visualization, Second Edition by Ændrew Rininsland and Swizec Teller Style and approach This course includes all the resources that will help you jump into creating interactive and engaging visualizations for the web. Through this comprehensive course, you’ll learn how to create engaging visualizations for the web to represent your data from start to finish! Downloading the example code for this book. You can download the example code files for all Packt books you have purchased from your account at http://www.PacktPub.com. If you purchased this book elsewhere, you can visit http://www.PacktPub.com/support and register to have the code file.

Data Visualization with JavaScript

You've got data to communicate. But what kind of visualization do you choose, how do you build it, and how do you ensure that it's up to the demands of the Web? In Data Visualization with JavaScript, you'll learn 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 graphs, in no time. Then you'll move on to more advanced topics, including how to: Create tree maps, heat maps, network graphs, word clouds, and timelines Map geographic data, and build sparklines and composite charts Add interactivity and retrieve data with AJAX Manage data in the browser and build data-driven web applications Harness the power of the Flotr2, Flot, Chronoline.js, D3.js, Underscore.js, and Backbone.js libraries If you already know your way around building a web page but aren't quite sure how to build a good visualization, Data Visualization with JavaScript will help you get your feet wet without throwing you into the deep end. Before you know it, you'll be well on your way to creating simple, powerful data visualizations.

Visual Storytelling with D3: An Introduction to Data Visualization in JavaScript™

Master D3, Today’s Most Powerful Tool for Visualizing Data on the Web Data-driven graphics are everywhere these days, from websites and mobile apps to interactive journalism and high-end presentations. Using D3, you can create graphics that are visually stunning and powerfully effective. is a hands-on, full-color tutorial that teaches you to design charts and data visualizations to tell your story quickly and intuitively, and that shows you how to wield the powerful D3 JavaScript library. Visual Storytelling with D3 Drawing on his extensive experience as a professional graphic artist, writer, and programmer, Ritchie S. King walks you through a complete sample project—from conception through data selection and design. Step by step, you’ll build your skills, mastering increasingly sophisticated graphical forms and techniques. If you know a little HTML and CSS, you have all the technical background you’ll need to master D3. This tutorial is for web designers creating graphics-driven sites, services, tools, or dashboards; online journalists who want to visualize their content; researchers seeking to communicate their results more intuitively; marketers aiming to deepen their connections with customers; and for any data visualization enthusiast. Coverage includes Identifying a data-driven story and telling it visually Creating and manipulating beautiful graphical elements with SVG Shaping web pages with D3 Structuring data so D3 can easily visualize it Using D3’s data joins to connect your data to the graphical elements on a web page Sizing and scaling charts, and adding axes to them Loading and filtering data from external standalone datasets Animating your charts with D3’s transitions Adding interactivity to visualizations, including a play button that cycles through different views of your data Finding D3 resources and getting involved in the thriving online D3 community About the Website All of this book’s examples are available at ritchiesking.com/book, along with video tutorials, updates, supporting material, and even more examples, as they become available.

Data Visualization with D3.js Cookbook

Dive into the world of data visualization with 'Data Visualization with D3.js Cookbook'. This book provides a hands-on approach to mastering data visualization using D3.js, a powerful JavaScript library that brings data to life using HTML, SVG, and CSS. Through step-by-step recipes, you'll learn everything you need to create stunning, interactive, and effective visualizations. What this Book will help me do Develop expertise in functional JavaScript to create elegant D3 visualizations. Learn to work with HTML and SVG elements efficiently to design effective visuals. Master the use of D3 scales and interpolators to represent data accurately. Enhance your understanding of D3 layouts and force-directed visuals for complex data. Create interactive and responsive visualizations for web applications. Author(s) Nick Zhu is an experienced software engineer and data visualization enthusiast with extensive expertise in JavaScript and web development. Authoring 'Data Visualization with D3.js Cookbook', Nick adeptly shares his knowledge, making complex topics approachable. His passion for clear communication shines in his instructive writing style. Who is it for? This book is designed for developers who have some knowledge of HTML, CSS, and JavaScript and aim to excel in data visualization using D3.js. If you strive for deeper mastery of D3 and wish to enhance your ability to create compelling graphics, this book is ideal for you. It serves both as a learning resource for newcomers and a quick reference for experienced practitioners. Your goal to transform data into impactful visuals aligns perfectly with the insights offered.

Interactive Data Visualization for the Web

Create and publish your own interactive data visualization projects on the Web—even if you have little or no experience with data visualization or web development. It’s easy and fun with this practical, hands-on introduction. Author Scott Murray teaches you the fundamental concepts and methods of D3, a JavaScript library that lets you express data visually in a web browser. Along the way, you’ll expand your web programming skills, using tools such as HTML and JavaScript. This step-by-step guide is ideal whether you’re a designer or visual artist with no programming experience, a reporter exploring the new frontier of data journalism, or anyone who wants to visualize and share data. Learn HTML, CSS, JavaScript, and SVG basics Dynamically generate web page elements from your data—and choose visual encoding rules to style them Create bar charts, scatter plots, pie charts, stacked bar charts, and force-directed layouts Use smooth, animated transitions to show changes in your data Introduce interactivity to help users explore data through different views Create customized geographic maps with data Explore hands-on with downloadable code and over 100 examples