Get in touch


We use HubSpot CRM to process and manage contact and information requests. Please accept the "Functional Cookies" and reload the page to load the contact form.

Insights / Blog / Tech

Unveiling the New AOE Tech Radar Tool version 4.0

May 06, 2024
Mathias SchopmansMathias SchopmansDeveloper

In the rapidly evolving tech landscape, staying abreast of the latest tools and technologies is pivotal for organizations aiming to maintain a competitive edge. Since 2017, AOE has been at the forefront of technological exploration and innovation, publishing the much-anticipated Tech Radar. This comprehensive guide highlights current and noteworthy updates in technologies, methods, patterns, and tools pivotal for professional software development.

Alongside the radar's debut, AOE took a significant step towards fostering a collaborative technology community by releasing the visualization tool as open source. This initiative has empowered teams and organizations worldwide to craft their own tech radars, reflecting their unique insights and technology landscapes, promoting an environment of transparency and collaboration.

The AOE Tech Radar and its accompanying visualization tool have garnered widespread attention and adoption across numerous enterprises, solidifying their reputation as indispensable resources for technology professionals. In this spirit of continuous improvement and commitment to excellence, we are thrilled to introduce a completely overhauled version of the AOE Tech Radar, version 4.

Embracing Next.js: A Shift Towards Enhanced Static Site Generation

The move from "create-react-app" to Next.js stands as the cornerstone of the AOE Tech Radar v4 update. This transition is not merely a change in technology; it represents a strategic shift towards leveraging Next.js's superior static site generation capabilities. Next.js, known for its flexibility, performance, and SEO friendliness, provides a robust framework that significantly enhances the site's load times and overall user experience. By adopting Next.js, the AOE Tech Radar has positioned itself at the forefront of modern web development practices, ensuring that users not only get up-to-date technological insights but also a seamless browsing experience.

A Fresh Take on Visualization: Beyond D3.js

Visualization not only serves as the heart of the AOE Tech Radar but is also pivotal in translating complex technological landscapes into clear, actionable insights. With the advent of version 4, the Tech Radar has embraced a significant evolution in its approach to visualization. Moving away from the previously relied-upon D3 library, this version introduces a completely rewritten visualization component. This shift is not just about changing the underlying technology; it's about reimagining how information is presented to the user.

One of the most noteworthy outcomes of this refactoring is the elimination of overlapping blips on the radar, a challenge that previously obscured clear analysis and interpretation. By resolving this issue, the new visualization design ensures that each technological trend is distinctly visible, allowing users to navigate the radar with greater ease and focus.

Beyond the immediate visual and functional enhancements, this overhaul has an additional, critical benefit: a reduction in asset size. This streamlining significantly improves load times and performance, offering a more responsive and efficient user experience. In an era where speed and efficiency are paramount, the reduced asset size not only enhances user satisfaction but also underscores AOE's commitment to leveraging cutting-edge solutions to optimize their offerings. This meticulous attention to both the form and function of the Tech Radar's visualization component marks a pivotal step forward, ensuring that the platform remains an invaluable resource for technology professionals seeking clarity in a complex digital world.

Boosting User Experience: Introducing New Features

The latest update goes beyond just technical enhancements, placing a strong emphasis on user & developer experience and interaction.

  • Fuzzy Search: The integration of Fuse.js for fuzzy search functionality marks a significant improvement in how users can navigate the Tech Radar. This feature allows for more flexible and forgiving search queries, ensuring that users can easily find the technologies they're interested in, even if they're unsure of the exact spelling or terminology.
  • Reworked Tag Filter: The homepage now boasts a reworked and UX-friendly tag filter, making it simpler for users to drill down into specific areas of interest. This enhanced filter mechanism encourages exploration and discovery, allowing users to tailor their interaction with the Tech Radar according to their preferences and needs.
  • Reworked Design: Users can effortlessly tailor the visual appeal of the radar to match their corporate identity or personal preference, simply by adjusting the config.json without necessitating a deep dive into CSS. However, the accommodation for customization doesn't end with non-technical users. For those who delve into the nuances of design and wish to exert more control over the aesthetics, the option to use a custom.css file remains available. This provision for advanced customization ensures that stylistic preferences can be met, allowing users to adapt the style to their exact specifications.
  • Obsolescence Notification: In a move to ensure the relevance and timeliness of the technologies featured on the Tech Radar, a new functionality has been introduced where items that haven't been updated within the last three releases will display a configurable hint at the top of their revisions. This proactive measure aims to alert users to the potential diminishing relevance of older technologies.

 

Streamlining Setup: Getting Started with AOE Tech Radar v4

The latest version of AOE Tech Radar marks a leap forward, bringing cutting-edge technology together with a focus on making it accessible and easy to set up for everyone. Understanding how valuable time is, this update is designed to get you started on building your own radar quickly, without the need to navigate through complex setup steps.

At the heart of this user-friendly approach is the integration of widely-used development tools, streamlining the initial setup process. By simplifying the steps needed to kickstart your Tech Radar project, it ensures you can dive right into leveraging its capabilities without getting bogged down in technical details.

This update means that with just a few straightforward actions, you're set to install the necessary components and prepare your project for customization. It automates some of the early-stage setup tasks, like setting up basic configuration and important files. This ensures you have everything you need from the get-go, making it easier than ever to tailor the Tech Radar to your specific needs and preferences.

Charting the Path Forward: A Closing Reflection on AOE Tech Radar v4

As we draw to a close on the unveiling of AOE Tech Radar v4, it's evident that the heart of this transformation lies not just in its technological advancements but also in its profound commitment to enhancing the user experience. This latest iteration makes a bold move by streamlining the setup process, thereby lowering the barriers to entry and democratizing access for technology leaders, developers, and strategists alike. By facilitating a smoother transition from setup to strategic technology planning, AOE ensures that users can effortlessly adopt and adapt the radar to their unique needs, fostering a more inclusive and efficient approach to navigating the complexities of the tech landscape.

Moreover, with the transition to Next.js, a comprehensive overhaul of its visualization, and the introduction of user-centric features like fuzzy search and an improved tag filter, the AOE Tech Radar firmly establishes itself as an indispensable resource. These enhancements not only refine the platform's functionality but also enrich the overall user interaction, solidifying its role as a guiding light in the technological frontier. With precision, clarity, and a renewed focus on user experience, the AOE Tech Radar continues to illuminate the path for technology professionals, guiding them through the ever-evolving digital ecosystem. In embracing this latest iteration, users are equipped with a tool that not only informs but also inspires strategic technology decisions, marking a new chapter in the journey towards digital excellence.

Looking towards the future, we are excited to share that a significant content update for the AOE Tech Radar is on the horizon, anticipated to arrive ivery soon. This update promises to bring fresh insights and the latest trends in technology, further enhancing the radar's value as a strategic tool for technology leaders and enthusiasts alike. Stay tuned for what promises to be an enlightening expansion of our technology landscape exploration, ensuring that the AOE Tech Radar remains at the cutting edge of industry advancements.

If you're seeking support in organizing a technology and innovation process or in rolling out your own tech radar within your organization, we're here to help. Contact us to explore how we can assist in navigating the complexities of the tech landscape together. 

 

About the author:

Mathias Schopmans works as a  senior fullstack web for various clients at AOE in Wiesbaden. He has several years of experience in web development and design.