PRO 30% Free • Stripe ($15) & Razorpay (₹899)
166 Interactive Production Blueprints & AI Engineering Guides

Master Modern AI Engineering with Production Code

Step-by-step architectural blueprints, full source code repositories, and hands-on walkthroughs. From multi-agent swarms (CrewAI, AutoGen, LangGraph) and MCP servers to autonomous browser automation and production LLM pipelines — 100% executable, zero fluff.

⚡ Instant search • 166 guides • 145 hands-on projects
Popular:

Data visualization (32)

Topic: Data visualization

Technical deep dives and production architectures in Data visualization

30 of 32 articles Reset all

Accessibility on the Platform

Web development

Codecademy is committed to providing a high-quality learning experience for all learners. That includes accommodating different usage forms such as auditory, motor, or visual restrictions, limited hardware, or other acce...

Building Visual RAG Pipelines with Llama 3.2 Vision & Ollama

LLM Workflows

LLaMA 3.2 Vision is Meta's vision-language model that processes text and images in a single input, which makes it a multimodal large language model. It overcomes the limits of traditional RAG by enabling RAG visualizatio...

CSS Visual Rules in Chrome Inspector

Developer tools

Browser developer tools allow web developers to quickly collect important information on most websites. These tools are available within most major web browsers, like Chrome, Safari, and Firefox, to name a few. Because G...

Code Interpreter with GitHub Co-Pilot in Visual Studio Code

Developer Tools

Welcome! In this tutorial, we will embark on an exciting journey to explore how GitHub Copilot, an AI-powered coding assistant, can enhance our programming experience in Visual Studio Code (VSCode). Whether new to progra...

Creating a Word Cloud With Python

Data visualization

In Data Visualization,word cloudsare used to display textual data in a specific shape. The more frequent a word is in a chunk of text, the larger it will appear in the word cloud. This can provide interesting insights in...

Data Visualizations for Messy Data

Data visualization

Data visualization tutorials generally use pre-processed data. But what about datasets in the wild? What do we do about missing data? Or outliers that largely skew visualizations? What do we do when there are too many ob...

Debugging in Visual Studio

Web development

In this video, you’ll learn how to debug your ASP.NET applications using Visual Studio’s debugging tools. If you don’t already have Visual Studio, followthis set-up article.

Design - Color

Web development

Color is an important tool in a visual designer’s toolbox. The color of an everyday object communicates a lot to an observer. For example, why is every stop sign red? It’s the same with web pages; users learn a lot about...

EDA Prior To Fitting a Regression Model

Data visualization

Before fitting any model, it is often important to conduct an exploratory data analysis (EDA) in order to check assumptions, inspect the data for anomalies (such as missing, duplicated, or mis-coded data), and inform fea...

Exploratory Data Analysis with Data Visualization

Data visualization

Data visualization is an important component of Exploratory Data Analysis (EDA) because it allows a data analyst to “look at” their data and get to know the variables and relationships between them. In order to choose an...

Filter Methods

Data visualization

Filter methodsare a type of feature selection method that works by selecting features based on some criteria prior to building the model. Because they don’t involve actually testing the subsetted features using a model,...

Getting Started with Visual Studio Code

Web development

In this article, we will go over the steps necessary to download a popular text editor called Visual Studio Code, also referred to as “VS Code.” By the end of this article, you will be all set up to start interacting wit...

Getting Started with Visual Studio Code and Building HTML Websites

Web development

In this article, we will go over the steps necessary to download a popular text editor called Visual Studio Code, also referred to as “VS Code.” By the end of the article you will be able to create a folder in Visual Stu...

Google ADK Visual Agent Builder: Build Your First AI Agent

AI Agents & Automation

Google Agent Development Kit(ADK) Visual Agent Builder converts plain English descriptions into working AI agents through a browser interface. The platform eliminates Python coding, YAML configuration, and manual debuggi...

How To Install Jupyter Notebook on Mac and Windows

Data visualization

Jupyter Notebookis an essential tool for data science that allows you to create interactive documents combining code, visualizations, and explanatory text. Installing Jupyter Notebook through conda provides the most reli...

How to Build No-Code AI Agents Using Flowise AI

AI Agents & Automation

You can build powerful AI agents in Flowise AI without writing any code using its visual drag-and-drop interface. In this tutorial, you'll create a complete movie recommendation agent in 10 steps that can search database...

Log Transformation in Linear Regression: When and How to Use It

Data visualization

When analyzing data using linear regression, we often assume a linear relationship between the independent and dependent variables. However, real-world data doesn’t always behave that way. In many cases, the dependent va...

Principal Component Analysis

Data visualization

Principal Component Analysis (PCA)is adimension reductionmethod that is frequently used in exploratory data analysis and machine learning. This means that PCA can be leveraged to reduce the number of variables (dimension...

Seaborn Color Palettes: Complete Guide to Data Visualization Colors

Web design

Seaborn color palettesare predefined sets of colors that enhance your Python data visualizations by providing consistent, accessible, and visually appealing color schemes. These palettes help distinguish categories, emph...

Seaborn Styling, Part 1: Figure Style and Scale

Data visualization

When creating a data visualization, your goal is to communicate the insights found in the data. While visualizing communicates important information, styling will influence how your audience understands what you’re tryin...

Setting Up DB Browser

Developer tools

DB Browser is a visual tool used to organize commands sent toSQLite. With databases, it’s easy to lose track of commands that have been run. DB Browser lets you see exactly the sequence of commands you are executing befo...

Visualizing Time Series Data With Python

Data visualization

Data represented in a single point in time is known ascross-sectional data. As a Data Scientist or Analyst, sometimes you might encounter data that is collected over periods of time, known astime series data.

What is Dify? Complete AI Bot Building Tutorial

Cloud & Full-Stack AI

Dify is an open-source platform that empowers users to build AI-native applications, such as chatbots, agents, and Q&A systems, using a visual, no-code or low-code interface. It integrates seamlessly with LLMs like OpenA...

Writing and Debugging Code in Jupyter

Data visualization

Let’s walk through the process of working with a Jupyter Notebook.

Common Applications of Deep Learning

Data visualization

So far, we have gone from single-layerneural networksto multi-layer models with many hidden layers. We have also reviewed how these neural networks can serve as powerful tools for both classification and regression tasks...

Dangers of the Black Box

Data visualization

When talking about machine learning,deep learning, and artificial intelligence, people tend to focus on the progress and amazing feats we could potentially achieve. While it is true that these disciplines have the potent...

Data Science Applications

Data visualization

Now that we know a bit abouthow to do data science, what exactly can we do with it?

How to Select a Meaningful Visualization

Data visualization

The three steps in the data visualization process arepreparing,visualizing, andstylingdata. When faced with a blank canvas, the second step of the process, visualizing the data, can be overwhelming. To help, we’ve create...

How to Set Up n8n Google Sheets Integration

AI Agents & Automation

n8n is an open-source workflow automation tool that helps connect various services in a visual, no-code environment. This tutorial focuses on pairing n8n with Google Sheets to help us automate repetitive spreadsheet work...

The Machine Learning Process

Data visualization

When people think of Machine Learning, they often think of a program that is taking in data and spitting out predictions and insights. The process of performing Machine Learning often requires many more steps before and...

Showing 30 of 32 projects (2 remaining)
Production AI Blueprints

From Prototype to Autonomous Production Pipelines

Master the architectural patterns defining modern AI applications. Every guide includes complete architecture diagrams, environment configurations, and ready-to-run source code with zero blurred sections.

Multi-Agent Swarms

CrewAI, AutoGen, and LangGraph orchestrations with persistent memory, tools, and supervisor routing.

Model Context Protocol

Build custom MCP servers to expose database, file, and API tools directly to AI agent hosts.

Full-Stack AI Engines

FastAPI backends, streaming UI components, vector retrieval (RAG), and production evaluation.