visualizations
Apache ECharts, a powerful, interactive charting and visualization library for browser
Create diagrams and visualizations using text and code.
Motivation • Dimensionality reduction is vital to the analysis of high dimensional data, i.e. data with many features. It allows for better understa…
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown - mermaid-js/mermaid
To show a catalog of almost 100 million books in one view, phiresky mapped them based on International Standard Book Numbers, or ISBNs, with an interactive visualization.
A list of the most powerful R packages to create stunning graphs.
So, you’ve mastered the basics of ggplot2 animation and are now looking for a real-world challenge? You’re in the right place. After reading this one, you’ll know how to download and visualize stock data change through something known as race charts. You can think of race charts as dynamic visualizations (typically bar charts) that display […] The post appeared first on appsilon.com/blog/.
Something a llttle different: Hexbin maps by Jerry Tuttle I recently became acquainted with hexbin maps, so I thought I would experiment with one. In a hexbin map, each geographical region is represented by an equall...
Decent Patterns is a collective effort to further the adoption of decentralized technologies by providing open tooling and resources for the community.
Can designers defend pursuing beauty when communicating science or innovation?
Decent Patterns is a collective effort to further the adoption of decentralized technologies by providing open tooling and resources for the community.
Box plots are a very common tool in data visualization to show how your data is distributed. But they have a crucial flaw. Let’s find out what that flaw is. And if you’re interested in the video version of this blog post, you can find it here: ...
Bubble charts are an engaging way to visualize groups of people or events. Flourish allows you to create interactive bubble charts with multiple image and label options.
Easily document cables and wiring harnesses.
Diagrams are the cornerstone of software development, illuminating complex systems and fostering...
Bloom effects are typically used to enhance the brightness and lighting effects of images or scenes,...
Interactive article explaining the physics of an airfoil and what makes airplanes fly
Matrix Product Interpretations and Visualizations: Learn Linear Algebra from scratch. Build a foundation for Machine Learning and other key technologies.
For me, mathematics cultivates a perpetual state of wonder about the nature of mind, the limits of thoughts, and our place in this vast cosmos (Clifford A. Pickover - The Math Book: From Pythagoras to the 57th Dimension, 250 Milestones in the History of Mathematics) I am a big fan of Clifford Pickover and I
Use 3D to visualize matrix multiplication expressions, attention heads with real weights, and more.
This is the good stuff for March.
Learn how to design beautiful tables in R! Join our workshop on Designing Beautiful Tables in R which is a part of our workshops for Ukraine series. Here’s some more info: Title: Designing Beautiful Tables in R Date: Thursday, April 27th, 18:00 – 20:00 CEST (Rome, Berlin, Paris timezone) Speaker: Tanya Shapiro is a freelance … Continue reading Designing Beautiful Tables in RDesigning Beautiful Tables in R was first posted on March 25, 2023 at 3:28 pm.
DISCLAIMER: This blog post was written by a human with the help of AI Hypotrochoids and epitrochoids...
Charts are a powerful tool for data visualization, but with so many chart types available, it can be...
A React+D3 animated bubble chart.
Written by Mads Stoumann✏️ Not so long ago, these beautiful posters showed up in an advertisement on...
A command line tool that draw plots on the terminal. - red-data-tools/YouPlot
Four ways how to use drawing to get more ideas: Study, Explore, Develop, and Show. They will boost your creativity.
Step 1. Create a grid Use d3.geoGraticule10 to create lines of constant longitude and latitude. Step 2. Apply clipping Set projection.clipAngle to 90° to show only the front hemisphere. Stroke the outline of the sphere to better separate the globe from the background. Step 3. Apply a radial gradient Apply a radial gradient to simulate lighting on a diffuse surface. Appendix
D3’s projections use adaptive sampling to increase the accuracy of projected lines and polygons while still performing efficiently. Without sampling, only the input vertices of polygons are projected. This results in the artifacts (visible above) due to projected lines becoming curves. Uniform sampling improves the appearance by adding interstitial samples between input vertices. It is inefficient because most samples are not needed, and even areas of extreme distortion still exhibit artifacts! Adaptive sam
The JavaScript library for bespoke data visualization
Posted by Mahima Pushkarna, Senior Interaction Designer, and Andrew Zaldivar, Senior Developer Relations Engineer, Google Research As machine learn...
Interactive article explaining how sound works.
A guide to making visualizations that accurately reflect the data, tell a story, and look professional.
Here’s the good stuff for June.
This chart shows the relationship between idle and eruption times for Old Faithful. See also the importable chart component version of this example.
A Sankey diagram is a collection of nodes which are connected with each other to show data flow or hierarchical data connected from one to another.
Data visualization breaks down complex data values into simple and flexible elements that you can easily deal with without being worried.
SVG is an awesome and incredibly powerful image format. This tutorial gives you an overview of SVG by explaining all you need to know in a simple way
This cookbook contains more than 150 recipes to help scientists, engineers, programmers, and data analysts generate high-quality graphs quickly—without having to comb through all the details of R’s graphing systems. Each recipe tackles a specific problem with a solution you can apply to your own project and includes a discussion of how and why the recipe works.
If the recent discrimination allegations against Pinterest are leaving you uninspired (if not quesy), here are some great alternatives.
R graphics tutorial: scatterplots with anti-aliasing, using the Cairo library. Two lines of code to make much better visualizations in R.
Based on scatterplot by Myriam Barnes. A simple to viz categories in a scatter plot. - bjpcjp/category-scatterplot
Also known as ridgelines, use the method to create a compact visualization where you can easily identify major patterns and outliers.
Interactive Tools for Machine Learning, Deep Learning and Math - Machine-Learning-Tokyo/Interactive_Tools
Visualize flow between nodes in a directed acyclic network. - d3/d3-sankey
Publication-quality data representation library based on Matplotlib. - alopezrivera/mpl_plotter
Sample files to accompany the FT's Chart Doctor column - Financial-Times/chart-doctor
A D3 project showing a barchart that allows user interactions
Sample files to accompany the FT's Chart Doctor column - Financial-Times/chart-doctor
Creating usable, readable treemaps is difficult. They are a complex, area-based data visualization for hierarchical data that can be hard to interpret precisely.
Looking for a good D3 example? Here’s a few (okay, …) to peruse. Animation D3’s data join, interpolators, and easings enable flexible animated transitions between views while preserving object constancy. Interaction D3’s low-level approach allows for performant incremental updates during interaction. And D3 supports popular interaction methods including dragging, brushing, and zooming. Analysis D3 is for more than visualization; it includes tools for quantitative analysis, such as data transformation, rand
How to build a treemap with Javascript and D3.js: from the most basic example to highly customized examples.
Library of impossible figures. There's greyscale and wireframe versions of figures.
Working notes & digital experiments
If the recent discrimination allegations against Pinterest are leaving you uninspired (if not quesy), here are some great alternatives.
Materials from our SIGGRAPH '20 paper.
Estimated population by county, 2016. See also the bubble map as an alternative presentation of this data, and an alternative implementation with Observable Plot. Data: American Community Survey This dataset comes from the U.S. Census API and contains three columns: the estimated population (as a string), the two-digit state FIPS code, and the three-digit county FIPS code. Since this dataset doesn’t include the positions of the counties, this centroid helper method is used. It takes a (already projected) Ge
This blog post introduces the WebGL components which we recently added to D3FC, this suite of components make it easy to render charts with very large numbers of datapoints using D3. Throughout this post I'll describe the creation of the following visualisation, which displays 1 million books from the Hathi Trust library
The new tools shows the potential of data visualizations for understanding features in a neural network.
Create better population pyramids that allow for improved comparisons between sexes and populations.
This treemap supports zooming: click any cell to zoom in, or the top to zoom out.
This zoomable time series area chart shows the number of flights per day. The effect of the September 11, 2001 attacks on air travel is evident.
"Enter into picture Swarmplots, just like their name." https://lttr.ai/MJtZ #datavisualization #awesomevisualization #seaborn #python
Five Hundred and Seven Mechanical Movements, now Animated for the Internet.
Interactive article explaining how mechanical gears work.
This is a pedagogical implementation of an animated bar chart race. Read on to learn how it works, or fork this notebook and drop in your data! The data for the race is a CSV with columns date (in YYYY-MM-DD format), name, value and optionally category (which if present determines color). To replace the data, click the file icon
In my previous blog post, I explained how I take lecture notes using Vim and LaTeX. In this post, I’ll talk about how I draw figures for my notes using Inkscape and about my custom shortcut manager.Some examples First, let me show you some examples of figures…
Bokeh is a Python library for creating interactive visualizations for modern web browsers. It helps you build beautiful graphics, ranging from simple plots to complex dashboards with streaming data...
Emergence is the story of natural laws and processes, their inherent beauty, and their action to yield the universe, us and the world we live in.
Anaconda is the birthplace of Python data science. We are a movement of data scientists, data-driven enterprises, and open source communities.
An intuitive library to add plotting functionality to scikit-learn objects. - reiinakano/scikit-plot
The end-to-end solution for creating expressive data apps, dashboards, and reports. Discover richer insights in your data today.
R Language Tutorials for Advanced Statistics
If you have tried to communicate research results and data visualizations using R, there is a good chance you will have come across one of its great limitations. R is painful when you need to...
Stay up-to-date on the latest data science and AI news in the worlds of artificial intelligence, machine learning, deep learning, implementation, and more.
An introduction to parfit
The Python Graph Gallery displays hundreds of charts made with Python, always with explanation and reproduciible code