--- title: Carlafox, an open-source web-based CARLA visualizer description: Carlafox is an open-source web-based visualizer for the CARLA autonomous driving simulator, built by Collabora. It addresses the challenge of monitoring and... canonical: https://daily.dev/posts/carlafox-an-open-source-web-based-carla-visualizer-zz8qy6xfj twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Carlafox, an open-source web-based CARLA visualizer | daily.dev og:description: Carlafox is an open-source web-based visualizer for the CARLA autonomous driving simulator, built by Collabora. It addresses the challenge of monitoring and... og:url: https://daily.dev/posts/carlafox-an-open-source-web-based-carla-visualizer-zz8qy6xfj og:image: https://api.daily.dev/og/posts/ZZ8qY6xFJ.png og:image:alt: Carlafox, an open-source web-based CARLA visualizer og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Carlafox, an open-source web-based CARLA visualizer **[Collabora Blog](https://daily.dev/sources/collabora)** · 5 min read · 0 upvotes · 0 comments ## Summary Carlafox is an open-source web-based visualizer for the CARLA autonomous driving simulator, built by Collabora. It addresses the challenge of monitoring and validating synthetic dataset generation for self-driving car training. By adapting the ROS-bridge project, Carlafox converts CARLA sensor data (cameras, LiDAR, radar, IMU, GPS) into ROS messages that Foxglove can render, enabling visualization of both live simulations and recorded ROS bag files. The Foxglove layout covers three use cases: perception, planning, and diagnostics. The project aims to make image synthesis and ground truth data generation more maintainable, cheaper, and repeatable compared to costly human-labeled real-world data collection. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How can I visualize CARLA simulator sensor data including LiDAR and camera in a web browser? Carlafox bridges CARLA and Foxglove by adapting the ROS-bridge project to convert CARLA sensor outputs into ROS messages — including sensor_msgs/CompressedImage, sensor_msgs/PointCloud2, nav_msgs/OccupancyGrid, geometry_msgs/PoseStamped, sensor_msgs/NavSatFix, tf2_msgs/TFMessage, and foxglove_msgs/ImageMarkerArray. Foxglove then renders these in a layout covering perception, planning, and diagnostics views, supporting both live ROS connections and recorded .bag files. _Engineers building CARLA-based pipelines track tools like Carlafox on daily.dev as the autonomous driving toolchain evolves._ ### What are the limitations of CARLA's built-in visualization and existing third-party tools like Carlaviz? CARLA has no built-in visualizer beyond viewing the raw scene; its Python example scripts use PyGame for basic sensor display but cannot render 3D LiDAR data or combined sensor views like bounding boxes projected onto camera feeds. Carlaviz, a third-party web visualizer, can combine multiple data streams but offers limited layout customization and data configuration options. _Developers evaluating CARLA tooling options find comparisons like this on daily.dev before committing to a visualization stack._ ## Similar posts on daily.dev - [Interactive world simulator for robot policy training and evaluation](https://daily.dev/posts/interactive-world-simulator-for-robot-policy-training-and-evaluation-j0dy0nfan) · Robohub · 0 upvotes · 0 comments - [Sneak Peek: Qt Robotics Framework \(Proof-of-Concept\)](https://daily.dev/posts/sneak-peek-qt-robotics-framework-proof-of-concept--dhzkqt0nz) · Qt · 0 upvotes · 0 comments --- Tags: [#robotics](https://daily.dev/tags/robotics), [#data-visualization](https://daily.dev/tags/data-visualization) [View this post on daily.dev](https://daily.dev/posts/carlafox-an-open-source-web-based-carla-visualizer-zz8qy6xfj) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Carlafox, an open-source web-based CARLA visualizer","url":"https://daily.dev/posts/carlafox-an-open-source-web-based-carla-visualizer-zz8qy6xfj","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/carlafox-an-open-source-web-based-carla-visualizer-zz8qy6xfj"},"datePublished":"2026-08-11T08:54:19.042Z","dateModified":"2026-08-11T09:28:28.635Z","description":"Carlafox is an open-source web-based visualizer for the CARLA autonomous driving simulator, built by Collabora. It addresses the challenge of monitoring and...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f75ae3f13c4ac82b6657ddcf4db99b64?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f75ae3f13c4ac82b6657ddcf4db99b64?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Collabora Blog","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Collabora Blog","logo":"https://media.daily.dev/image/upload/s--ZGZ0FjqS--/f_auto,q_auto/v1786438306/logos/collabora?_a=BAMAMicg0","url":"https://daily.dev/sources/collabora"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/carlafox-an-open-source-web-based-carla-visualizer-zz8qy6xfj","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"robotics,data-visualization","timeRequired":"PT5M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Collabora Blog","item":"https://daily.dev/sources/collabora"},{"@type":"ListItem","position":3,"name":"Carlafox, an open-source web-based CARLA visualizer"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/carlafox-an-open-source-web-based-carla-visualizer-zz8qy6xfj#faq","mainEntity":[{"@type":"Question","name":"How can I visualize CARLA simulator sensor data including LiDAR and camera in a web browser?","acceptedAnswer":{"@type":"Answer","text":"Carlafox bridges CARLA and Foxglove by adapting the ROS-bridge project to convert CARLA sensor outputs into ROS messages — including sensor_msgs/CompressedImage, sensor_msgs/PointCloud2, nav_msgs/OccupancyGrid, geometry_msgs/PoseStamped, sensor_msgs/NavSatFix, tf2_msgs/TFMessage, and foxglove_msgs/ImageMarkerArray. Foxglove then renders these in a layout covering perception, planning, and diagnostics views, supporting both live ROS connections and recorded .bag files. Engineers building CARLA-based pipelines track tools like Carlafox on daily.dev as the autonomous driving toolchain evolves."}},{"@type":"Question","name":"What are the limitations of CARLA's built-in visualization and existing third-party tools like Carlaviz?","acceptedAnswer":{"@type":"Answer","text":"CARLA has no built-in visualizer beyond viewing the raw scene; its Python example scripts use PyGame for basic sensor display but cannot render 3D LiDAR data or combined sensor views like bounding boxes projected onto camera feeds. Carlaviz, a third-party web visualizer, can combine multiple data streams but offers limited layout customization and data configuration options. Developers evaluating CARLA tooling options find comparisons like this on daily.dev before committing to a visualization stack."}}]} ```