The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
A Neural Network Visualization Tool that demystifies AI!
I built an interactive web application using Flask and PyTorch that doesn't just recognize handwritten digits it shows you exactly how the AI "thinks." When you draw a digit (0-9) on the canvas, the app processes it through a Convolutional Neural Network and generates a real-time visualization of every layer: from edge detection in the first convolutional layer, through pattern recognition, pooling, and feature extraction, all the way to the final classification.
The tech stack includes Python, Flask, PyTorch, and vanilla JavaScript for the frontend. What makes this unique is the educational aspect each layer's activations are visualized using matplotlib, showing the 32 filters in Conv Layer 1, the 64 filters in Conv Layer 2, and the 128-neuron fully connected layer.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
District Aquarium: A Living Interface for Complex Systems
District Aquarium reimagines data dashboards as living ecosystems.
Instead of charts and static reports, complex systems are visualized as dynamic environments where data literally breathes. Each student is represented as a fish. Progress affects movement, brightness, and depth. System-wide trends influence water clarity and ecosystem health.
Built entirely in Figma Make, this project explores how metaphor-driven interfaces can transform how we interpret complex information. Originally inspired by education systems, the concept can extend beyond schools. Any organization, product, or team could visualize performance as a reactive ecosystem.
https://districtaquarium.figma.site/
This is a really interesting way to think about data visualization. Turning abstract metrics into a living ecosystem makes complex systems much easier to interpret.
A Spatial AI Planning System Built with Figma Make.
We’ve been interacting with AI like this:
Prompt → Response.
But real planning doesn’t work that way.
So I built something different.
Plan Mode redefines AI thinking as:
Intent → Constraints → Resources → Reasoning → Execution
1. Plan Builder (Node-Based Logic)
In Plan Builder, you wire your system like n8n.
You drag nodes onto the canvas and connect them.
When the structure is ready, you activate the plan.
2 Constraint Knowledge Graph
Time,Budget,Technical ,Complexity,Risk Level
3.Final Plan Activation
When you hit Activate Plan, the interface shifts.
The graph transforms into a live execution view.
Primary path highlights.
I’m genuinely glad I had the opportunity to try @Figma Make in the latest @Contra HQ challenge - even I was surprised by the final result.
I created an interactive, immersive experience with customizable colors and unique sound effects designed to support mindfulness and stress relief.
Visually, the outcome is clean and refined, with carefully placed staggered animations and transitions enhancing the overall flow.
If you need a few minutes to reset, I recommend trying the breathing exercise on the site - I hope it helps you get through a long day.
Link: https://www.figma.com/make/6uesMwFszw6Mw29BuGOnqt/Immersive-Nature-Experience-Prototype?p=f&t=7XY9cArmY3eq49pa-0&fullscreen=1
Final site: (somehow the gif doesn't work there, I've tried everything) https://water-cub-35204567.figma.site
Serene!
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?