# Data visualization

Data visualization is the practice of representing data graphically through charts, maps, dashboards, and other visual forms to communicate information, reveal patterns, and support analysis.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Open Sauce and GPS time were my summer AI Antiseptics

DevFeed: [Open Sauce and GPS time were my summer AI Antiseptics](<https://devfeed.tech/articles/open-sauce-and-gps-time-were-my-summer-ai-antiseptics-10472.md>)

Original publisher: [Read original article](<https://www.jeffgeerling.com/blog/2026/open-sauce-gps-time-badge/>)

Author: jeff@jeffgeerling.com (Jeff Geerling)

Published: 2026-07-22T14:00:00Z

Content type: opinion

Language: en

Sources: [Jeff Geerling](<https://devfeed.tech/sources/jeff-geerling.md>)

Topics: [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [MicroPython](<https://devfeed.tech/topics/micropython.md>), [Claude](<https://devfeed.tech/topics/claude.md>), [datasets](<https://devfeed.tech/topics/datasets.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [badge](<https://devfeed.tech/tags/badge.md>), [claude](<https://devfeed.tech/tags/claude.md>), [coding](<https://devfeed.tech/tags/coding.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [electronics](<https://devfeed.tech/tags/electronics.md>), [experimentation](<https://devfeed.tech/tags/experimentation.md>), [gps](<https://devfeed.tech/tags/gps.md>), [micropython](<https://devfeed.tech/tags/micropython.md>), [open-sauce](<https://devfeed.tech/tags/open-sauce.md>), [projects](<https://devfeed.tech/tags/projects.md>), [time](<https://devfeed.tech/tags/time.md>), [videos](<https://devfeed.tech/tags/videos.md>), [visualization](<https://devfeed.tech/tags/visualization.md>)

### AI overview

The author describes using Claude to build a 2,141-line MicroPython Badgeware app for a Pimoroni Tufty 2350 and Adafruit PA1010D GPS module. The GPS Time Badge uses GPS data to discipline the badge's internal real-time clock, although timing accuracy was limited by the hardware and BadgeOS architecture. The author also logged GPS satellite and fix-quality data and used Claude to create an interactive visualization, highlighting data visualization as a practical use of AI tools.

### Source excerpt

In the midst of our AI slop revolution, traveling to the West coast for Open Sauce this past weekend was the perfect antiseptic for rising costs, summer heat, and online divisiveness. It's ironic, then, that I used Claude to vibe code my Tufty GPS Time Badge. Partly due to time constraints, and partly because I wanted to see if I could complete a personal project end-to-end, without editing a line of code, I throw my requirements at Claude and ultimately came up with this 2141-line MicroPython app for Pimoroni's Badgeware ecosystem.

## 3 Questions: Beyond data-driven aesthetics

DevFeed: [3 Questions: Beyond data-driven aesthetics](<https://devfeed.tech/articles/3-questions-beyond-data-driven-aesthetics-37937.md>)

Original publisher: [Read original article](<https://news.mit.edu/2026/3-questions-beyond-data-driven-aesthetics-alexandros-haridis-0629>)

Author: School of Architecture and Planning

Published: 2026-06-29T18:00:00Z

Content type: news

Language: en

Sources: [MIT AI News](<https://devfeed.tech/sources/mit-ai-news.md>)

Topics: [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Algorithms](<https://devfeed.tech/topics/algorithms.md>), [Mathematics](<https://devfeed.tech/topics/mathematics.md>), [Computer science](<https://devfeed.tech/topics/computer-science.md>), [Machine learning](<https://devfeed.tech/topics/machine-learning.md>)

Tags: [3-questions](<https://devfeed.tech/tags/3-questions.md>), [aesthetic-judgment](<https://devfeed.tech/tags/aesthetic-judgment.md>), [ai](<https://devfeed.tech/tags/ai.md>), [ai-and-aesthetics](<https://devfeed.tech/tags/ai-and-aesthetics.md>), [alexandros-haridis](<https://devfeed.tech/tags/alexandros-haridis.md>), [algorithms](<https://devfeed.tech/tags/algorithms.md>), [alumni-ae](<https://devfeed.tech/tags/alumni-ae.md>), [applied-arts](<https://devfeed.tech/tags/applied-arts.md>), [architecture](<https://devfeed.tech/tags/architecture.md>), [artificial-intelligence](<https://devfeed.tech/tags/artificial-intelligence.md>), [beyond-data-driven-aesthetics](<https://devfeed.tech/tags/beyond-data-driven-aesthetics.md>), [computational-aesthetics](<https://devfeed.tech/tags/computational-aesthetics.md>), [computer-science-and-technology](<https://devfeed.tech/tags/computer-science-and-technology.md>), [data](<https://devfeed.tech/tags/data.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [design](<https://devfeed.tech/tags/design.md>), [design-computation](<https://devfeed.tech/tags/design-computation.md>), [exhibits](<https://devfeed.tech/tags/exhibits.md>), [interactive-installations](<https://devfeed.tech/tags/interactive-installations.md>), [interview](<https://devfeed.tech/tags/interview.md>), [machine-learning](<https://devfeed.tech/tags/machine-learning.md>), [mit-architecture](<https://devfeed.tech/tags/mit-architecture.md>), [mit-exhibits](<https://devfeed.tech/tags/mit-exhibits.md>), [mit-keller-gallery](<https://devfeed.tech/tags/mit-keller-gallery.md>), [mit-sa-plus-p](<https://devfeed.tech/tags/mit-sa-plus-p.md>), [philosophy](<https://devfeed.tech/tags/philosophy.md>), [research](<https://devfeed.tech/tags/research.md>), [school-of-architecture-and-planning](<https://devfeed.tech/tags/school-of-architecture-and-planning.md>), [shape-grammars](<https://devfeed.tech/tags/shape-grammars.md>), [special-events-and-guest-speakers](<https://devfeed.tech/tags/special-events-and-guest-speakers.md>)

### AI overview

An MIT Keller Gallery exhibition by Alexandros Haridis examines the history of aesthetic judgment and creative production in computing, connecting architecture, design computation, algorithms, and machine-learning systems.

### Source excerpt

In a new Keller Gallery exhibition, Alexandros Haridis SM '17, PhD '22 traces centuries of ideas about aesthetic judgment and explores how design can make complex computational systems visible.

## How I Validated Design Decisions Before Writing Production Code

DevFeed: [How I Validated Design Decisions Before Writing Production Code](<https://devfeed.tech/articles/how-i-validated-design-decisions-before-writing-production-code-9134.md>)

Original publisher: [Read original article](<https://slack.design/articles/how-i-validated-design-decisions-before-writing-production-code/>)

Author: andyacevedo

Published: 2026-06-04T01:29:47Z

Content type: article

Language: en

Sources: [Slack Design](<https://devfeed.tech/sources/slack-design.md>)

Topics: [AI-assisted coding](<https://devfeed.tech/topics/ai-assisted-coding.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Algorithms](<https://devfeed.tech/topics/algorithms.md>), [Figma](<https://devfeed.tech/topics/figma.md>)

Tags: [ai-assisted-coding](<https://devfeed.tech/tags/ai-assisted-coding.md>), [algorithms](<https://devfeed.tech/tags/algorithms.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [figma](<https://devfeed.tech/tags/figma.md>), [projects](<https://devfeed.tech/tags/projects.md>), [uncategorized](<https://devfeed.tech/tags/uncategorized.md>)

### AI overview

A Slack designer explains how AI-assisted coding can make design exploration practical before production work begins. Interactive prototypes tested gallery layout algorithms and max-width strategies against real screen-size data, revealing edge cases and helping evaluate which decisions hold up across conditions.

### Source excerpt

The biggest shift AI has brought to design isn't that designers can now write production code. It's that we can finally generate evidence before committing to anything. There's a lot of conversation about AI affecting production: designers pushing code and shipping something closer to the final product. That matters. But the bigger opportunity is even [...] The post How I Validated Design Decisions Before Writing Production Code appeared first on Slack Design.

## Mini Shai-Hulud npm Attack: AntV Ecosystem Compromise (May 2026)

DevFeed: [Mini Shai-Hulud npm Attack: AntV Ecosystem Compromise (May 2026)](<https://devfeed.tech/articles/mini-shai-hulud-npm-attack-antv-ecosystem-compromise-may-2026-13160.md>)

Original publisher: [Read original article](<https://www.chainguard.dev/unchained/mini-shai-hulud-npm-attack-antv-ecosystem-compromise-may-2026>)

Published: 2026-05-19T00:00:00Z

Content type: news

Language: en

Sources: [Chainguard: Unchained](<https://devfeed.tech/sources/chainguard-unchained.md>)

Topics: [npm packages](<https://devfeed.tech/topics/npm-packages.md>), [supply-chain-security](<https://devfeed.tech/topics/supply-chain-security.md>), [Malware](<https://devfeed.tech/topics/malware.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Aeternum](<https://devfeed.tech/topics/aeternum.md>), [stripe](<https://devfeed.tech/topics/stripe.md>), [Raycast extension](<https://devfeed.tech/topics/raycast-extension.md>), [React UI animations](<https://devfeed.tech/topics/react-ui-animations.md>)

Tags: [2026](<https://devfeed.tech/tags/2026.md>), [antv](<https://devfeed.tech/tags/antv.md>), [chainguard-libraries](<https://devfeed.tech/tags/chainguard-libraries.md>), [chainguard-npm](<https://devfeed.tech/tags/chainguard-npm.md>), [malware](<https://devfeed.tech/tags/malware.md>), [mini-shai-hulud](<https://devfeed.tech/tags/mini-shai-hulud.md>), [npm](<https://devfeed.tech/tags/npm.md>), [npm-malware](<https://devfeed.tech/tags/npm-malware.md>), [npm-packages](<https://devfeed.tech/tags/npm-packages.md>), [react](<https://devfeed.tech/tags/react.md>), [supply-chain](<https://devfeed.tech/tags/supply-chain.md>), [supply-chain-security](<https://devfeed.tech/tags/supply-chain-security.md>)

### AI overview

The article reports that a compromised npm maintainer account pushed malicious versions of 314 packages in Alibaba's AntV ecosystem on May 19, 2026. It describes the Mini Shai-Hulud campaign, which uses install hooks and obfuscated Bun scripts to deliver malware and harvest developer credentials.

### Source excerpt

The Mini Shai-Hulud npm worm compromised 314 packages in the AntV ecosystem on May 19, 2026 -- including echarts-for-react and timeago.js.

## Mini Shai-Hulud Hits AntV: 300+ Malicious npm Packages Published via Compromised Maintainer Account

DevFeed: [Mini Shai-Hulud Hits AntV: 300+ Malicious npm Packages Published via Compromised Maintainer Account](<https://devfeed.tech/articles/mini-shai-hulud-hits-antv-300-malicious-npm-packages-published-via-compromised-maintainer-account-8015.md>)

Original publisher: [Read original article](<https://snyk.io/blog/mini-shai-hulud-antv-npm-supply-chain-attack/>)

Author: Liran Tal

Published: 2026-05-18T23:00:00Z

Content type: article

Language: en

Sources: [Blog RSS Feed | Snyk](<https://devfeed.tech/sources/blog-rss-feed-snyk.md>)

Topics: [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [npm packages](<https://devfeed.tech/topics/npm-packages.md>), [Malware](<https://devfeed.tech/topics/malware.md>), [npm](<https://devfeed.tech/topics/npm.md>), [C2](<https://devfeed.tech/topics/c2.md>), [Bun](<https://devfeed.tech/topics/bun.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [GitHub](<https://devfeed.tech/topics/github.md>)

Tags: [awareness](<https://devfeed.tech/tags/awareness.md>), [blog](<https://devfeed.tech/tags/blog.md>), [c2](<https://devfeed.tech/tags/c2.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [developer](<https://devfeed.tech/tags/developer.md>), [devops](<https://devfeed.tech/tags/devops.md>), [devrel](<https://devfeed.tech/tags/devrel.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [malware](<https://devfeed.tech/tags/malware.md>), [npm-packages](<https://devfeed.tech/tags/npm-packages.md>), [payload](<https://devfeed.tech/tags/payload.md>), [secrets](<https://devfeed.tech/tags/secrets.md>), [security](<https://devfeed.tech/tags/security.md>), [snyk-open-source](<https://devfeed.tech/tags/snyk-open-source.md>), [snyk-platform](<https://devfeed.tech/tags/snyk-platform.md>), [supply-chain](<https://devfeed.tech/tags/supply-chain.md>), [supply-chain-security](<https://devfeed.tech/tags/supply-chain-security.md>), [teampcp](<https://devfeed.tech/tags/teampcp.md>), [tokens](<https://devfeed.tech/tags/tokens.md>)

### AI overview

This article analyzes the Mini Shai-Hulud supply-chain attack targeting the AntV data visualization ecosystem through a compromised npm maintainer account. It describes the mass publication of malicious package versions, the embedded Bun payload, credential and secret theft, C2 persistence, and self-propagation using stolen npm tokens.

### Source excerpt

A compromised npm maintainer account triggered an automated burst of over 300 malicious package versions across 323 packages in the AntV data visualization ecosystem, part of the ongoing Mini Shai-Hulud supply chain worm campaign. Here's what the malware does, how to detect exposure, and how to respond.

## Uncovering the Shape of Fraud with Cosmos Explorer: Visual Metaphors Behind Millions of Transactions

DevFeed: [Uncovering the Shape of Fraud with Cosmos Explorer: Visual Metaphors Behind Millions of Transactions](<https://devfeed.tech/articles/uncovering-the-shape-of-fraud-with-cosmos-explorer-visual-metaphors-behind-millions-of-26301.md>)

Original publisher: [Read original article](<https://medium.com/feedzaitech/uncovering-the-shape-of-fraud-with-cosmos-explorer-visual-metaphors-behind-millions-of-transactions-b98e4cf56e56?source=rss----e11168e7fe6b---4>)

Author: João Bernardo Narciso

Published: 2026-04-07T17:24:51Z

Content type: article

Language: en

Sources: [Feedzai](<https://devfeed.tech/sources/feedzai.md>)

Topics: [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [data](<https://devfeed.tech/topics/data.md>)

Tags: [data](<https://devfeed.tech/tags/data.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [dataviz](<https://devfeed.tech/tags/dataviz.md>), [decision-making](<https://devfeed.tech/tags/decision-making.md>), [design](<https://devfeed.tech/tags/design.md>), [feedzai](<https://devfeed.tech/tags/feedzai.md>), [fraud](<https://devfeed.tech/tags/fraud.md>), [fraud-detection](<https://devfeed.tech/tags/fraud-detection.md>), [patterns](<https://devfeed.tech/tags/patterns.md>), [research](<https://devfeed.tech/tags/research.md>)

### AI overview

Feedzai's Data Visualization Research team is developing Cosmos Explorer, an interface that uses universe-inspired visual metaphors to help analysts examine patterns, trends, outliers, and possible fraud across hundreds of millions or billions of transactions. The project explores how to preserve meaningful details at very large scale while supporting data analysts and data scientists.

### Source excerpt

Uncovering the Shape of Fraud with Cosmos Explorer: Visual Metaphors Behind Millions of Transactions The Data Visualization Research team is developing Cosmos Explorer, an interface that leverages universe-related visual metaphors to convey information about the billions of transactions processed by Feedzai. Pedro Cruz, professor at Northeastern University, partnered with Feedzai to bring this idea to life by contributing with his creativity and expertise to solve this challenging visualization problem. https://medium.com/media/1b2ecfadd91d204640462f89fa6ff67f/href When we look out into the universe, we don't just see emptiness. We see an unimaginable scale: billions of galaxies, each containing billions of stars, each a point of light carrying its own story. No single observer can take it all in at once. Yet with the right instruments, patterns emerge: the structure of the cosmos itself becomes visible. In the digital realm, there is another universe just as vast and intricate. Every day, hundreds of millions of events flow through Feedzai's system which assesses them to protect consumers all over the world. Each one is a unique data point (e.g., a purchase, a login, a transfer). Individually, they don't tell us much. Together they form a living universe of behavior that represents the diversity in people's lives. But fraud lurks in everyday transactions, with criminals trying to hide their activities within the sheer volume of transactions. The question is: how can we represent those patterns meaningfully, the normal behaviors and the fraudulent behaviors, the trends and the outliers, to empower data analysts and data scientists in their decision-making processes? The biggest challenge is scale. No one can look at billions of events one by one. Aggregation helps, but it smooths over the details, which often encode the most interesting signals like the faint outlines of fraud or unusual clusters of activity. But what if we could see it all at once? Not just a summa

## February 2026 newsletter

DevFeed: [February 2026 newsletter](<https://devfeed.tech/articles/february-2026-newsletter-4898.md>)

Original publisher: [Read original article](<https://clickhouse.com/blog/202602-newsletter>)

Author: Mark Needham

Published: 2026-02-19T00:00:00Z

Content type: article

Language: en

Sources: [ClickHouse Blog](<https://devfeed.tech/sources/clickhouse-blog.md>)

Topics: [clickhouse](<https://devfeed.tech/topics/clickhouse.md>), [real-time](<https://devfeed.tech/topics/real-time.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [Streaming](<https://devfeed.tech/topics/streaming.md>), [anthropic](<https://devfeed.tech/topics/anthropic.md>), [Claude](<https://devfeed.tech/topics/claude.md>), [Conversational AI](<https://devfeed.tech/topics/conversational-ai.md>), [Database](<https://devfeed.tech/topics/database.md>), [Python](<https://devfeed.tech/topics/python.md>)

Tags: [anthropic](<https://devfeed.tech/tags/anthropic.md>), [claude](<https://devfeed.tech/tags/claude.md>), [clickhouse](<https://devfeed.tech/tags/clickhouse.md>), [conversational-ai](<https://devfeed.tech/tags/conversational-ai.md>), [data](<https://devfeed.tech/tags/data.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [newsletter](<https://devfeed.tech/tags/newsletter.md>), [python](<https://devfeed.tech/tags/python.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [streaming](<https://devfeed.tech/tags/streaming.md>)

### AI overview

The February 2026 ClickHouse newsletter covers the company's Series D funding, its official Kubernetes operator release, data modeling and query optimization guidance, community work using ClickHouse with Claude and LibreChat, and upcoming training sessions and events.

### Source excerpt

Welcome to the February 2026 ClickHouse newsletter, which will round up what's happened in real-time data warehouses over the last month.

## From text to charts: a faster way to visualize with ClickStack

DevFeed: [From text to charts: a faster way to visualize with ClickStack](<https://devfeed.tech/articles/from-text-to-charts-a-faster-way-to-visualize-with-clickstack-5595.md>)

Original publisher: [Read original article](<https://clickhouse.com/blog/text-to-charts-faster-way-to-visualize-clickstack>)

Author: ClickStack Team

Published: 2025-10-22T11:41:42Z

Content type: article

Language: en

Sources: [ClickHouse Blog](<https://devfeed.tech/sources/clickhouse-blog.md>)

Topics: [clickhouse](<https://devfeed.tech/topics/clickhouse.md>), [observability](<https://devfeed.tech/topics/observability.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [log management](<https://devfeed.tech/topics/log-management.md>), [Traces](<https://devfeed.tech/topics/traces.md>), [Language models](<https://devfeed.tech/topics/language-models.md>), [anthropic](<https://devfeed.tech/topics/anthropic.md>), [API keys](<https://devfeed.tech/topics/api-keys.md>), [data](<https://devfeed.tech/topics/data.md>), [Docker Compose](<https://devfeed.tech/topics/docker-compose.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [Latency](<https://devfeed.tech/topics/latency.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [anthropic](<https://devfeed.tech/tags/anthropic.md>), [api](<https://devfeed.tech/tags/api.md>), [clickhouse](<https://devfeed.tech/tags/clickhouse.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [docker](<https://devfeed.tech/tags/docker.md>), [latency](<https://devfeed.tech/tags/latency.md>), [logs](<https://devfeed.tech/tags/logs.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [observability](<https://devfeed.tech/tags/observability.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [root-cause-analysis](<https://devfeed.tech/tags/root-cause-analysis.md>), [traces](<https://devfeed.tech/tags/traces.md>)

### AI overview

ClickStack introduces a text-to-chart feature for observability data. Users describe a desired chart in natural language, and an LLM converts the prompt into a query and visualization for logs, traces, or metrics. The article explains how to enable the feature with an Anthropic API key, try it locally with a Docker image, or use a public demo, while noting that the local image is intended for experimentation rather than production.

### Source excerpt

Discover how ClickStack's new text-to-chart feature makes analyzing logs, traces, and metrics effortless - turning plain text into instant observability visualizations that speed up root cause analysis.

## Visualizing Foursquare places with ClickHouse

DevFeed: [Visualizing Foursquare places with ClickHouse](<https://devfeed.tech/articles/visualizing-foursquare-places-with-clickhouse-5255.md>)

Original publisher: [Read original article](<https://clickhouse.com/blog/fsq>)

Author: Alexey Milovidov

Published: 2025-05-08T00:00:00Z

Content type: article

Language: en

Sources: [ClickHouse Blog](<https://devfeed.tech/sources/clickhouse-blog.md>)

Topics: [clickhouse](<https://devfeed.tech/topics/clickhouse.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [datasets](<https://devfeed.tech/topics/datasets.md>), [real-time](<https://devfeed.tech/topics/real-time.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Web](<https://devfeed.tech/topics/web.md>)

Tags: [apache](<https://devfeed.tech/tags/apache.md>), [clickhouse](<https://devfeed.tech/tags/clickhouse.md>), [command-line](<https://devfeed.tech/tags/command-line.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [datasets](<https://devfeed.tech/tags/datasets.md>), [hackathon](<https://devfeed.tech/tags/hackathon.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

The article describes a data visualization hackathon project that uses ClickHouse to explore and display a large Foursquare places dataset. It covers previewing and querying the data with clickhouse-local, loading it into ClickHouse, optimizing geographic coordinates and indexes, and adapting a web visualization tool for interactive map analysis.

### Source excerpt

Visualizing geographical datasets with ClickHouse in real-time

## Introducing Heroku-Streamlit: Seamless Data Visualization

DevFeed: [Introducing Heroku-Streamlit: Seamless Data Visualization](<https://devfeed.tech/articles/introducing-heroku-streamlit-seamless-data-visualization-26454.md>)

Original publisher: [Read original article](<https://www.heroku.com/blog/introducing-heroku-streamlit-seamless-data-visualization/>)

Author: Anush DSouza

Published: 2025-05-01T08:00:09Z

Content type: release

Language: en

Sources: [Heroku](<https://devfeed.tech/sources/heroku.md>)

Topics: [Heroku](<https://devfeed.tech/topics/heroku.md>), [Streamlit](<https://devfeed.tech/topics/streamlit.md>), [Template](<https://devfeed.tech/topics/template.md>), [Python](<https://devfeed.tech/topics/python.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [Cloud](<https://devfeed.tech/topics/cloud.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Data Science](<https://devfeed.tech/topics/data-science.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [data-analytics](<https://devfeed.tech/tags/data-analytics.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [deploy](<https://devfeed.tech/tags/deploy.md>), [deployment](<https://devfeed.tech/tags/deployment.md>), [developer-tools](<https://devfeed.tech/tags/developer-tools.md>), [dockerignore-usage](<https://devfeed.tech/tags/dockerignore-usage.md>), [getting-started](<https://devfeed.tech/tags/getting-started.md>), [heroku](<https://devfeed.tech/tags/heroku.md>), [news](<https://devfeed.tech/tags/news.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [prototyping](<https://devfeed.tech/tags/prototyping.md>), [python](<https://devfeed.tech/tags/python.md>), [streamlit](<https://devfeed.tech/tags/streamlit.md>), [web-applications](<https://devfeed.tech/tags/web-applications.md>)

### AI overview

Heroku announces Heroku-Streamlit, a ready-to-deploy template for deploying interactive Streamlit data visualization applications on Heroku. The template combines Heroku's cloud platform with Streamlit's Python framework and includes one-click deployment, sample Uber pickup data, customization options, and manual deployment instructions.

### Source excerpt

We're excited to announce the release of Heroku-Streamlit, a template that makes deploying interactive data visualization applications on Heroku simpler than ever before. Streamlit is an open-source app framework built for machine learning and data science projects. This Streamlit App brings together Heroku's scalable cloud platform and Streamlit's intuitive Python-based data application framework. Whether you're [...] The post Introducing Heroku-Streamlit: Seamless Data Visualization appeared first on Heroku.

## Enabling Apache ECharts in React for Data Visualization

DevFeed: [Enabling Apache ECharts in React for Data Visualization](<https://devfeed.tech/articles/enabling-apache-echarts-in-react-for-data-visualization-37587.md>)

Original publisher: [Read original article](<https://www.taniarascia.com/apache-echarts-react/>)

Author: hello@taniarascia.com

Published: 2025-03-31T00:00:00Z

Content type: tutorial

Language: en

Sources: [Tania Rascia](<https://devfeed.tech/sources/tania-rascia.md>)

Topics: [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [React](<https://devfeed.tech/topics/react.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [dashboards](<https://devfeed.tech/topics/dashboards.md>)

Tags: [charts](<https://devfeed.tech/tags/charts.md>), [dashboards](<https://devfeed.tech/tags/dashboards.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [front-end](<https://devfeed.tech/tags/front-end.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [react](<https://devfeed.tech/tags/react.md>), [visualization](<https://devfeed.tech/tags/visualization.md>)

### AI overview

A tutorial on creating a small React wrapper for Apache ECharts to build interactive data visualizations, including line, bar, and pie charts. It covers chart initialization, configuration updates, event handling, and resizing.

### Source excerpt

Making dashboards with charts and graphs is a pretty common part of the front-end developer experience, as well as deciding which JavaScript...

## Navigate your Turso database with Outerbase

DevFeed: [Navigate your Turso database with Outerbase](<https://devfeed.tech/articles/navigate-your-turso-database-with-outerbase-6009.md>)

Original publisher: [Read original article](<https://turso.tech/blog/navigate-your-turso-database-with-outerbase>)

Author: Brandon Strittmatter

Published: 2024-06-26T00:00:00Z

Content type: article

Language: en

Sources: [Turso Blog](<https://devfeed.tech/sources/turso-blog.md>)

Topics: [Turso](<https://devfeed.tech/topics/turso.md>), [Data Management](<https://devfeed.tech/topics/data-management.md>), [SQLite](<https://devfeed.tech/topics/sqlite.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [dashboards](<https://devfeed.tech/topics/dashboards.md>), [SQL](<https://devfeed.tech/topics/sql.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [dashboards](<https://devfeed.tech/tags/dashboards.md>), [data-management](<https://devfeed.tech/tags/data-management.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [database](<https://devfeed.tech/tags/database.md>), [sql](<https://devfeed.tech/tags/sql.md>), [sqlite](<https://devfeed.tech/tags/sqlite.md>), [turso](<https://devfeed.tech/tags/turso.md>)

### AI overview

This article explains how to connect a Turso database to Outerbase Studio and use it to view, edit, query, and visualize data. It describes table and schema editing, direct SQL queries, AI querying, dashboards, data visualization, and collaboration features.

### Source excerpt

Query, edit, vizualise your Turso Database and more with Outerbase

## Add an interface to your Neon database via Outerbase

DevFeed: [Add an interface to your Neon database via Outerbase](<https://devfeed.tech/articles/add-an-interface-to-your-neon-database-via-outerbase-4939.md>)

Original publisher: [Read original article](<https://neon.com/blog/add-an-interface-to-your-neon-database-via-outerbase>)

Author: Brandon Strittmatter

Published: 2024-06-07T15:02:35Z

Content type: release

Language: en

Sources: [Blog -- Neon Docs](<https://devfeed.tech/sources/blog-neon-docs.md>)

Topics: [Databases](<https://devfeed.tech/topics/databases.md>), [SQL](<https://devfeed.tech/topics/sql.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [AI Models](<https://devfeed.tech/topics/ai-models.md>), [Data Management](<https://devfeed.tech/topics/data-management.md>), [dashboards](<https://devfeed.tech/topics/dashboards.md>)

Tags: [announce](<https://devfeed.tech/tags/announce.md>), [community](<https://devfeed.tech/tags/community.md>), [dashboards](<https://devfeed.tech/tags/dashboards.md>), [data-management](<https://devfeed.tech/tags/data-management.md>), [data-studio](<https://devfeed.tech/tags/data-studio.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [database](<https://devfeed.tech/tags/database.md>), [exploration](<https://devfeed.tech/tags/exploration.md>), [filter](<https://devfeed.tech/tags/filter.md>), [generate](<https://devfeed.tech/tags/generate.md>), [guide](<https://devfeed.tech/tags/guide.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [integration](<https://devfeed.tech/tags/integration.md>), [interface](<https://devfeed.tech/tags/interface.md>), [language](<https://devfeed.tech/tags/language.md>), [models](<https://devfeed.tech/tags/models.md>), [postgres](<https://devfeed.tech/tags/postgres.md>), [sorting](<https://devfeed.tech/tags/sorting.md>), [sql](<https://devfeed.tech/tags/sql.md>), [team](<https://devfeed.tech/tags/team.md>), [visualization](<https://devfeed.tech/tags/visualization.md>)

### AI overview

The article announces the public availability of the Outerbase integration for Neon. It lets teams connect Neon Postgres databases to Outerbase Data Studio to collaboratively view, edit, query, manage, and visualize data. Outerbase AI can generate SQL queries, schemas, data, and visualizations from natural-language requests.

### Source excerpt

We are beyond excited to announce that the Outerbase integration for Neon is now publicly available. This integration enables you to instantly connect your Neon Postgres database to Outerbase's Data Studio and invite your team to view, edit, query, and visualize your data with yo...

## Interactive Data Visualizations with React

DevFeed: [Interactive Data Visualizations with React](<https://devfeed.tech/articles/interactive-data-visualizations-with-react-28419.md>)

Original publisher: [Read original article](<https://banes.dev/interactive-data-visualizations-with-react/>)

Author: admin

Published: 2024-06-02T08:26:04Z

Content type: tutorial

Language: en

Sources: [Posts on Chris Banes](<https://devfeed.tech/sources/posts-on-chris-banes.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [User Interfaces](<https://devfeed.tech/topics/user-interfaces.md>)

Tags: [charts](<https://devfeed.tech/tags/charts.md>), [charts-and-graphs](<https://devfeed.tech/tags/charts-and-graphs.md>), [d3-js](<https://devfeed.tech/tags/d3-js.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [react](<https://devfeed.tech/tags/react.md>), [uncategorized](<https://devfeed.tech/tags/uncategorized.md>)

### AI overview

This tutorial explains how React can be used to create interactive data visualizations. It discusses component-based architecture, dynamic updates through the Virtual DOM, performance, flexibility, and the React visualization ecosystem, including Chart.js and D3.js.

### Source excerpt

React, the popular JavaScript library for building user interfaces, is a fantastic tool for creating interactive data visualizations. With its component-based architecture and a wealth of libraries at your disposal, React makes it easier than ever to bring your data to life and engage your audience. But why should you choose React for your data [...]

## Real-time Data Visualization: How to build faster dashboards

DevFeed: [Real-time Data Visualization: How to build faster dashboards](<https://devfeed.tech/articles/real-time-data-visualization-how-to-build-faster-dashboards-18627.md>)

Original publisher: [Read original article](<https://www.tinybird.co/blog/real-time-data-visualization>)

Author: Cameron Archer

Published: 2023-08-08T00:00:00Z

Content type: tutorial

Language: en

Sources: [Tinybird](<https://devfeed.tech/sources/tinybird.md>)

Topics: [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [real-time](<https://devfeed.tech/topics/real-time.md>), [dashboards](<https://devfeed.tech/topics/dashboards.md>)

Tags: [build](<https://devfeed.tech/tags/build.md>), [dashboards](<https://devfeed.tech/tags/dashboards.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [scalable-analytics-architecture](<https://devfeed.tech/tags/scalable-analytics-architecture.md>)

### AI overview

This tutorial introduces real-time data visualization, focusing on turning raw data streams into immediate insights and reducing latency in dashboards.

### Source excerpt

Real-time data visualization turns raw streams into instant insights. Most tools add too much latency. Here's how to keep it fast.

## Trino Fest nears with an all-star lineup

DevFeed: [Trino Fest nears with an all-star lineup](<https://devfeed.tech/articles/trino-fest-nears-with-an-all-star-lineup-8716.md>)

Original publisher: [Read original article](<https://trino.io/blog/2023/06/01/trino-fest-hype-speaker-lineup.html>)

Author: Cole Bowden

Published: 2023-06-01T00:00:00Z

Content type: news

Language: en

Sources: [Trino Blog](<https://devfeed.tech/sources/trino-blog.md>)

Topics: [SQL](<https://devfeed.tech/topics/sql.md>), [Apache Iceberg](<https://devfeed.tech/topics/apache-iceberg.md>), [Redis](<https://devfeed.tech/topics/redis.md>), [Python](<https://devfeed.tech/topics/python.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [Latency](<https://devfeed.tech/topics/latency.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>)

Tags: [connectors](<https://devfeed.tech/tags/connectors.md>), [data](<https://devfeed.tech/tags/data.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [ecosystem](<https://devfeed.tech/tags/ecosystem.md>), [event](<https://devfeed.tech/tags/event.md>), [free](<https://devfeed.tech/tags/free.md>), [latency](<https://devfeed.tech/tags/latency.md>), [python](<https://devfeed.tech/tags/python.md>), [redis](<https://devfeed.tech/tags/redis.md>), [speakers](<https://devfeed.tech/tags/speakers.md>), [sql](<https://devfeed.tech/tags/sql.md>), [virtual-event](<https://devfeed.tech/tags/virtual-event.md>)

### AI overview

The article previews the speaker lineup for Trino Fest, a free, two-day virtual event. Featured topics include new data-source connectors, Python tools that integrate with SQL and Trino, Iceberg data lakes, query monitoring, caching, Hudi indexing, and query-latency optimization.

### Source excerpt

Trino Fest is just around the corner! We're only two weeks away, and we're excited to share that we've got an incredible speaker lineup with a wide variety of talks about all things Trino. If you're out of the loop, we announced Trino Fest back in April as a two-day, free, virtual event. If you want to attend, see talks live, engage with our speakers in Q&As at the end of each session, you'll need to register, so don't delay, and... Register to attend! With that said, we're also excited to bring you a preview of our exciting speaker lineup. Read on if you'd like to learn more.

## What Power BI is still missing

DevFeed: [What Power BI is still missing](<https://devfeed.tech/articles/what-power-bi-is-still-missing-40836.md>)

Original publisher: [Read original article](<https://mutto.fyi/posts/2023/03/what-power-bi-is-missing/>)

Published: 2023-03-27T00:00:00Z

Content type: opinion

Language: en

Sources: [Mutt0-ds Notes](<https://devfeed.tech/sources/mutt0-ds-notes.md>)

Topics: [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Git](<https://devfeed.tech/topics/git.md>), [Azure](<https://devfeed.tech/topics/azure.md>), [JSON](<https://devfeed.tech/topics/json.md>), [Microsoft](<https://devfeed.tech/topics/microsoft.md>), [GitHub](<https://devfeed.tech/topics/github.md>)

Tags: [azure](<https://devfeed.tech/tags/azure.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [git](<https://devfeed.tech/tags/git.md>), [github](<https://devfeed.tech/tags/github.md>), [json](<https://devfeed.tech/tags/json.md>), [microsoft](<https://devfeed.tech/tags/microsoft.md>)

### AI overview

An assessment of Power BI at the enterprise level identifies features that remain difficult or unavailable, including basic version control for binary .pbix files. The article describes a workaround using an Azure Pipeline, Tabular Editor 2, JSON metadata, and Git, while noting that charts and visuals are not covered.

### Source excerpt

During these months, I had the chance to take a look at Power BI at the enterprise level, juggling advanced requests from hundreds of users...

## Using Server Sent Events to Simplify Real-time Streaming at Scale

DevFeed: [Using Server Sent Events to Simplify Real-time Streaming at Scale](<https://devfeed.tech/articles/using-server-sent-events-to-simplify-real-time-streaming-at-scale-1571.md>)

Original publisher: [Read original article](<https://shopify.engineering/server-sent-events-data-streaming>)

Author: Bao Nguyen

Published: 2022-11-30T14:00:04Z

Content type: tutorial

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [real-time](<https://devfeed.tech/topics/real-time.md>), [Streaming](<https://devfeed.tech/topics/streaming.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Scalability](<https://devfeed.tech/topics/scalability.md>), [nginx](<https://devfeed.tech/topics/nginx.md>), [Shopify](<https://devfeed.tech/topics/shopify.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>)

Tags: [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [golang](<https://devfeed.tech/tags/golang.md>), [http](<https://devfeed.tech/tags/http.md>), [latency](<https://devfeed.tech/tags/latency.md>), [nginx](<https://devfeed.tech/tags/nginx.md>), [performance](<https://devfeed.tech/tags/performance.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [scale](<https://devfeed.tech/tags/scale.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [sse](<https://devfeed.tech/tags/sse.md>), [streaming](<https://devfeed.tech/tags/streaming.md>)

### AI overview

This article explains how Shopify used Server-Sent Events (SSE) to simplify the architecture of its BFCM Live Map, a real-time data visualization product. It compares push, polling, and long-polling communication models, then describes implementing a scalable, Nginx-load-balanced SSE server in Golang to improve performance and data latency.

### Source excerpt

We walk through how we implemented an SSE server that's scalable and load-balanced to simplify and improve a real-time data visualization application.

## Six Strategies for Making Data Visualizations Accessible, Scalable, and Helpful

DevFeed: [Six Strategies for Making Data Visualizations Accessible, Scalable, and Helpful](<https://devfeed.tech/articles/top-tips-for-data-accessibility-29242.md>)

Original publisher: [Read original article](<https://material.io/blog/data-visualization-accessibility>)

Published: 2022-11-08T13:00:00Z

Content type: tutorial

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [accessible](<https://devfeed.tech/tags/accessible.md>), [data](<https://devfeed.tech/tags/data.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [making](<https://devfeed.tech/tags/making.md>), [strategies](<https://devfeed.tech/tags/strategies.md>), [tips](<https://devfeed.tech/tags/tips.md>), [visualization](<https://devfeed.tech/tags/visualization.md>)

### AI overview

The article presents six strategies for making data visualizations accessible, scalable, and helpful.

### Source excerpt

Six strategies for making your data visualization accessible, scalable, and helpful

## What's new in Svelte: October 2022

DevFeed: [What's new in Svelte: October 2022](<https://devfeed.tech/articles/what-s-new-in-svelte-october-2022-3118.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/whats-new-in-svelte-october-2022>)

Author: Dani Sandoval

Published: 2022-10-01T00:00:00Z

Content type: article

Language: en

Sources: [Svelte blog](<https://devfeed.tech/sources/svelte-blog.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Extension](<https://devfeed.tech/topics/extension.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Remix](<https://devfeed.tech/topics/remix.md>), [Cloudflare](<https://devfeed.tech/topics/cloudflare.md>), [JSON](<https://devfeed.tech/topics/json.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [announcement](<https://devfeed.tech/tags/announcement.md>), [build-performance](<https://devfeed.tech/tags/build-performance.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [extension](<https://devfeed.tech/tags/extension.md>), [react](<https://devfeed.tech/tags/react.md>), [release](<https://devfeed.tech/tags/release.md>), [remix](<https://devfeed.tech/tags/remix.md>), [svelte](<https://devfeed.tech/tags/svelte.md>)

### AI overview

This October 2022 update covers new Svelte and SvelteKit features, a two-day Svelte Summit, improvements to the Svelte extension, new accessibility warnings, and educational demonstrations. It also announces the first SvelteKit Release Candidate and highlights updates involving forms, Sverdle, Cloudflare Pages, build performance, Node.js requirements, and generated types.

### Source excerpt

There's a bunch of updates this month... from new features in Svelte and SvelteKit to a whole 2-day summit! Plus, the Svelte extension gets some helpful new tools, new accessibility (a11y) warnings, and Tan Li Hau teaches us how to build our own Svelte and a Svelte spreadsheet 😎 What happened at Svelte Summit? A lot! Below you can find all the talks, by timestamp, from each livestream. Bite-size videos of the event will be coming soon to the Svelte Society channel, so be sure to Subscribe, if you haven't already! Day One 12:31 - How to get Svelte adopted at work 33:21 - Animating Data Visualization in Svelte 2:20:36 - Red flags & code smells 2:53:42 - Enhance your DX 4:42:41 - Svelte in UBS' knowledge graph 5:06:42 - How to migrate react libraries to svelte 5:45:27 - DX magic in the world of Svelte 7:25:39 - Data visualizations powered by Svelte 7:59:38 - Partial Hydration in Svelte for Increased Performance 8:20:49 - Building the future, faster Day Two 24:09 - Scrollytell me why: Ain't nothing but a piece of cake 2:02:40 - I told you my dog wouldn't run 2:29:43 - 10Xing Svelte 3:04:56 - Svemix? Re-svmix? Re-svelte?: Bringing Svelte to Remix Router 5:09:39 - Having fun with stores: an interactive demo of Svelte's built in state management library 5:37:06 - When Keeping it Svelte Goes Wrong. An Analysis of Some of the Worst Svelte I Have Ever Coded 7:22:05 - Getting started with Hooks 7:38:14 - Special Announcement* *In the final talk of the summit, Rich Harris announces the first Release Candidate of SvelteKit! With no planned breaking changes left, the team is hard at work squashing bugs and adding the remaining features for 1.0... More SvelteKit Updates use:enhance is the easiest way to progressively enhance a form (Docs, #6633, #6828, #7012) The demo app has been updated to add the Sverdle game, which Rich demoed at Svelte Summit and demonstrates use:enhance (#6979) Cloudflare Pages _routes.json specification is now supported by adapter-cloudflare (#6530) Improve

## Blind people need to be considered more when making data visualizations

DevFeed: [Blind people need to be considered more when making data visualizations](<https://devfeed.tech/articles/blind-people-need-to-be-considered-more-when-making-data-visualizations-9376.md>)

Original publisher: [Read original article](<https://a11yproject.com/posts/blind-people-need-to-be-considered-more-when-making-data-visualizations/>)

Author: Johny Cassidy

Published: 2022-09-22T00:00:00Z

Content type: opinion

Language: en

Sources: [The A11Y Project](<https://devfeed.tech/sources/the-a11y-project.md>)

Topics: [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [data](<https://devfeed.tech/topics/data.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [data](<https://devfeed.tech/tags/data.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [visualization](<https://devfeed.tech/tags/visualization.md>)

### AI overview

The article argues that the growing use of visual data journalism can exclude blind people and others with visual impairments. It calls for accessible alternatives, such as meaningful text and audio descriptions, so that data visualizations can be understood by everyone.

### Source excerpt

Visual data representation is being used more and more in digital newsrooms across the world. The downside, however, is how exclusionary this can be for people with visual impairments. It's clear that visual journalism will play a huge part in the digital future for media outlets. From audience analytics tools measuring the impact of content, to representing complicated data in an easy to digest format, it's easy to see the benefits of such tools and production techniques for creating impactful digital journalism. It's also clear that without a better understanding of how to make visual journalism work for everyone that huge parts of the audience are going to be left behind. In the UK alone, the Royal National Institute of Blind People estimate that around 2 million people are living with some sort of sight loss. Globally, the World Health Organization claim the number is close to 2.2 billion, with that number set to rise dramatically as people continue to age. As a blind journalist, I'm concerned that the increased use of visual data representation without careful and creative thought about accessibility is widening the inaccessibility gap. An example During the COVID pandemic I wasn't easily able to access COVID data represented on digital graphs, and I wasn't alone. A project by MIT researching the problem of data visualization accessibility cited a simple chart from the beginning of the pandemic. The cited chart demonstrated the benefits of mask wearing and social distancing for limiting the spread of the disease. The chart was amplified by many global media outlets, but was missed by millions of blind readers due to lack of meaningful text or audio description. Data journalism's access issues and greater potential In my job as a digital journalist, I'm becoming increasingly aware of the desire to publish more and more impactful visual data journalism. For a lot of people, visual representations of complicated data has the ability to translate data into a format

## Visualizing Supabase Data using Metabase

DevFeed: [Visualizing Supabase Data using Metabase](<https://devfeed.tech/articles/visualizing-supabase-data-using-metabase-708.md>)

Original publisher: [Read original article](<https://supabase.com/blog/visualizing-supabase-data-using-metabase>)

Author: Ant Wilson

Published: 2022-06-29T07:00:00Z

Content type: article

Language: en

Sources: [Supabase Blog](<https://devfeed.tech/sources/supabase-blog.md>)

Topics: [Supabase](<https://devfeed.tech/topics/supabase.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Docker](<https://devfeed.tech/topics/docker.md>), [Docker Container](<https://devfeed.tech/topics/docker-container.md>), [PostgreSQL](<https://devfeed.tech/topics/postgresql.md>), [No-code](<https://devfeed.tech/topics/no-code.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [blog](<https://devfeed.tech/tags/blog.md>), [data](<https://devfeed.tech/tags/data.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [docker](<https://devfeed.tech/tags/docker.md>), [docker-container](<https://devfeed.tech/tags/docker-container.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [no-code](<https://devfeed.tech/tags/no-code.md>), [postgresql](<https://devfeed.tech/tags/postgresql.md>)

### AI overview

This tutorial explains how to visualize data stored in Supabase with Metabase. It introduces Metabase as a low-code or no-code tool for creating graphs, pie charts, flow diagrams, and other business-oriented visualizations, then covers connecting Metabase to a Supabase PostgreSQL database and inspecting table insights.

### Source excerpt

How to create different kinds of charts out of data stored in Supabase using Metabase.

## Introducing ShopifyQL: Our New Commerce Data Querying Language

DevFeed: [Introducing ShopifyQL: Our New Commerce Data Querying Language](<https://devfeed.tech/articles/introducing-shopifyql-our-new-commerce-data-querying-language-1588.md>)

Original publisher: [Read original article](<https://shopify.engineering/shopify-commerce-data-querying-language-shopifyql>)

Author: Ranko Cupovic

Published: 2022-06-22T13:00:01Z

Content type: article

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [Shopify](<https://devfeed.tech/topics/shopify.md>), [Query (disambiguation)](<https://devfeed.tech/topics/query.md>), [data](<https://devfeed.tech/topics/data.md>), [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Optimization](<https://devfeed.tech/topics/optimization.md>)

Tags: [coding](<https://devfeed.tech/tags/coding.md>), [data](<https://devfeed.tech/tags/data.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [developers](<https://devfeed.tech/tags/developers.md>), [optimization](<https://devfeed.tech/tags/optimization.md>), [shopify](<https://devfeed.tech/tags/shopify.md>)

### AI overview

Shopify introduces ShopifyQL, an accessible commerce-focused querying language designed to help Shopify Plus merchants explore business data without a data science or coding background. It provides easy-to-learn syntax, one-step visualization, period comparisons, and commerce-specific date functions.

### Source excerpt

At Shopify, we recognize the positive impact data-informed decisions have on the growth of a business. But we also recognize that data exploration is gated to those without a data science or coding background. To make it easier for our merchants to inform their decisions with data, we built an accessible, commerce-focused querying language. We call it ShopifyQL.

## Creating a React Library for Consistent Data Visualization

DevFeed: [Creating a React Library for Consistent Data Visualization](<https://devfeed.tech/articles/creating-a-react-library-for-consistent-data-visualization-1530.md>)

Original publisher: [Read original article](<https://shopify.engineering/react-library-consistent-data-visualization>)

Author: Krystal Campioni

Published: 2022-03-15T22:38:56Z

Content type: article

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [Data visualization](<https://devfeed.tech/topics/data-visualization.md>), [Library](<https://devfeed.tech/topics/library.md>), [React](<https://devfeed.tech/topics/react.md>), [Shopify](<https://devfeed.tech/topics/shopify.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [components](<https://devfeed.tech/tags/components.md>), [data-visualization](<https://devfeed.tech/tags/data-visualization.md>), [library](<https://devfeed.tech/tags/library.md>), [react](<https://devfeed.tech/tags/react.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [visualization](<https://devfeed.tech/tags/visualization.md>)

### AI overview

Shopify describes the development of Polaris Viz, a React library intended to make data visualization more consistent across the Shopify admin. The article focuses on the causes of visual and accessibility inconsistencies, and on implementing light and dark themes while allowing library consumers to define their own themes.

### Source excerpt

At Shopify, we tell a lot of stories through data visualization. This is the driving force behind business decisions--not only for our merchants, but also for teams within Shopify. With more than 10,000 Shopify employees, though, it is only natural that different teams started using different tools to display data.

[Next page](<https://devfeed.tech/topics/data-visualization.md?cursor=WyIyMDIyLTAzLTE1VDIyOjM4OjU2KzAwOjAwIiwgImNlNzU5YWI5LTRjMTQtNDQ5Yi1iNmVmLWZlOGEwOWFlZjgwNiJd>)