Dashboard Embedding Comes to Charts

Avinash Prasad
March 24, 2022 | Updated: April 4, 2022
#Atlas Charts

Atlas Charts is the native data visualization that lets you create, share, and embed charts from data in MongoDB Atlas. Today, we are happy to announce the release of Dashboard Embedding.

What is an embedded dashboard?

Embedding provides the ability to bring charts and dashboards into any webpage or application where your users spend time. It’s a great way to share dynamic, live visualizations with a wide audience. We see customers using embedded charts to share real-time information internally within their companies, as well as externally with their customers.

Until now, embedding multiple charts where you need them has been time consuming and somewhat complex. With dashboard embedding, rather than individually embedding one chart at a time, you can embed a full dashboard in one go! Embedding charts and dashboards is easy to use and provides the flexibility you need when it comes to visual customizations and data security. This ensures you are able to freely share information and have it look the way you want, while always keeping data secure.

How does Dashboard Embedding work in Atlas Charts?

Enabling Dashboard Embedding is as simple as picking a dashboard, going into the Embed menu, and enabling either authenticated or unauthenticated embedding as shown below.

The Dashboard Embedding Menu

”

Similar to embedding an individual chart, you can publicly embed a URL in an iFrame of your application or website. Unauthenticated embedding allows you to embed your dashboards, and have visualizations immediately ready for public consumption. Alternatively, you can use our embedding SDK to implement authenticated embedding. Authenticated embedding provides more control and security, requiring users to have appropriate permission to access your dashboard. We support Google, Realm and Custom JSON Web Token authentication options.

Charts offers a number of configuration options important to ensuring your embedded dashboards look and feel how you want. These options include support for dark mode, background color selection, chart sizing, and refresh rate cadence. Dashboards can even be set to resize responsively based on your screen size, ensuring a consistent user experience.

Play around with dashboard embedding and some of these features in our code sandbox.

An embedded dashboard in dark mode

”

Get started today!

Dashboard Embedding was one of our most frequently requested features in Atlas Charts and we are excited to see how you take advantage of it in your applications! Head over to any of your dashboards in Charts to enable dashboard embedding or take a look at Github to get started with the embedding SDK.

New to Atlas Charts? Get started today by logging into or signing up for MongoDB Atlas, deploying or selecting a cluster, and activating Charts for free.

← Previous

Ultrahuman and MongoDB Partner to Raise Fitness Awareness

The need to be as healthy as possible is more evident now than ever before. Thanks to modern technology, resources on eating clean, exercising, and finding valuable tips for taking good care of your body have never been more accessible. Ultrahuman is a metabolic fitness startup based in India to help its users become the healthiest version of themselves. The platform is designed to measure the impact of food, activity, sleep and stress on your body with the help of glucose biomarkers. The company was founded in 2020 by Vatsal Singhal and Mohit Kumar and has snowballed since its inception. Built with MongoDB spoke with Vatsal about how Ultrahuman was conceived, his experience working with MongoDB, and his advice for aspiring entrepreneurs. Built with MongoDB: What is Ultrahuman? Vatsal: Ultrahuman is a metabolic fitness platform. When you look at the fitness industry, you see thousands of different diet and fitness protocols that can be inundating to anyone who’s looking to start their fitness journey. People get lost in a sea of choices. Most people start by going to the gym, thinking that’s the way to get fit. But food is 80% of fitness. You already have a massive head start if you optimize your diet and know what to eat every day. During our research on health and fitness and, generally, how to improve quality of life, we learned about the power of tracking and optimizing glucose biomarkers. Usually, the only biomarker that people tend to look at is weight—they stand on a scale and measure whether they have lost or gained weight. But weight is a very, very slow-changing metric. For most people, if they start today, it will be about two to three weeks before they can see any progress. The reward is delayed; hence the actions can get inconsistent. But if we can see how our body changes with every meal we eat, how we can better or worse; if we can see the inflammation in our body go down, we’d be in much better control of our health. We want to gratify people for taking care of their health. Built with MongoDB: How does Ultrahuman monitor glucose biomarkers? Vatsal: It’s done using a CGM device installed on your body. This sensor connects to the Ultrahuman app and streams your glucose data onto it in real-time. The sensor needs to be replaced every 14 days, post its expiry. Glucose is a versatile biomarker that can optimise various health goals such as weight management, energy regulation, improving athletic performance, learning more about one’s diet or any other metabolic disorder. For instance, if I’m training for a marathon, I would start by measuring my fueling needs. I’d begin eating complex carbs to be well fueled and train efficiently, and so on. If your body is over-fueled for long periods, you’re more likely to be diabetic. On the other hand, under-fueling can cause critical nutrient deficiencies, fatigue and lethargy. But if you are optimally fueled, your focus is excellent, your performance is perfect during your exercise and even at work. Built with MongoDB: What made you want to start Ultrahuman? Vatsal: Mohit and I have been super-passionate about health and fitness since college. We decided to build something in this space—health/fitness tech still is new, there aren’t a lot of companies out there. There’s still a lot we can build and give to the community. Most competitive athletes don’t train without goals—they understand exactly what they need to do. But a typical user they’re not so sure. Built with MongoDB: What experiences helped you get to where you are as a co-founder? Vatsal: I am a computer science major and have always loved building and scaling stuff. Mohit and I built a logistics company in the past, and we scaled it to 2 million transactions a day and ended up employing nearly half a million people. We learned a lot in our previous stint and were excited to bring all the learnings to Ultrahuman. Built with MongoDB: What have you enjoyed the most about building Ultrahuman? Vatsal: The best part of building Ultrahuman has been the impact that our product is creating in people’s lives. We’re a close-knit community of biohackers and ‘Cyborgs’ as we call ourselves—we discuss our experiments and experiences on all things health and fitness. We often get to learn how small lifestyle changes can go a long way in improving the quality of our lives. Built with MongoDB: On the flip side: What has been the most challenging aspect in building Ultrahuman? Vatsal: The most challenging part has been growing the team organically. We are a global team of around 50 people who are on the mission of fighting the global metabolic crisis. Built with MongoDB: Could you share more about your tech strategy? Vatsal: We have nearly 100 million glucose points and are growing exponentially. This is the largest glucose dataset globally for healthy people. From a technology standpoint, we want to create an impact in people’s life by leveraging insights on top of this data. We believe in using tools and technology that help us scale without any maintenance hassle. That is why we have trusted companies like AWS, MongoDB, New Relic, etc., for nearly a decade now. Built with MongoDB: What made you choose MongoDB Atlas? Vatsal: MongoDB Atlas is a perfect tool to handle scale. I have used MongoDB in the past, and it efficiently dealt with the scale of multi-million transactions a day. In Ultrahuman, it was a no-brainer for us to use it, and it’s super powerful. We aren’t scared to launch new countries and geographies because we can spawn anything globally at the click of a button. It’s also super easy to upgrade, even as we are iterating. Built with MongoDB: What advice would you give an aspiring founder as they build their startup? Vatsal: For anyone building a startup, getting early feedback from your users is the most important thing. People love building, but they don’t necessarily love selling, and selling is the hard reality. You can build a kickass product, but there's no value created if nobody is buying/using it. So the first thing you need to do is get that early feedback and figure out the right target audience. From there, you can constantly iterate and build along with your alpha users. Interested in learning more about MongoDB for Startups? Learn more about us here .

March 23, 2022
Next →

Five Languages, One Goal: A Developer's Path to Certification Mastery

MongoDB Community Creator Markandey Pathak has become a certified developer in five different programming languages: C#, Java, Node.JS, PHP, and Python. Pursuing multiple certifications equips developers with a diverse skill set, making them invaluable team members. Fluency across different programming languages enables them to foster platform-agnostic solutions and promote adaptability, collaboration, and informed decision-making, which are crucial for success in the global tech landscape. To understand what led Markandey to take on so many certifications while managing a busy and successful career, we spoke with him to gain insights into the challenges and triumphs he faced. What motivated you to pursue certification in multiple programming languages, and how has achieving such a diverse set of skills impacted your career? C was the first programming language I learned, followed by C# and the .NET ecosystem a few years later. Transitioning to a new language like C# after knowing one was straightforward. I then delved into ASP.NET, JAVA, and subsequently PHP. Despite the differing syntax of these languages, I found that fundamental programming concepts remained consistent. This enlightening realization led me to explore JavaScript and, later, Python. Such a diverse skill set made me a go-to resource for many senior leaders seeking insights. This versatility allowed me to transcend categorization based on programming ecosystems in the workplace, evolving my mindset to develop platform-agnostic solutions. I believe in the adage of being a jack of all trades while still mastering one or more. I took on the challenge of discovering MongoDB drivers available for various platforms. I created sample applications to practice basic MongoDB concepts using specific drivers, and soon, everything fell into place effortlessly. What tips or advice would you share with someone who looks up to your achievement and aspires to become a certified developer in multiple languages like C#, Java, Node.JS, PHP, and Python? How can they effectively approach learning and mastering these languages? Before attempting proficiency in MongoDB across multiple languages, it's crucial to prioritize understanding fundamental concepts such as data modeling practices, CRUD operations, and indexes. Mastering MongoDB's shell, MongoSh, is essential to grasp the workings of MongoDB's read and write operations. Following this, individuals should select a programming environment they're most adept in and practice executing MongoDB operations within that ecosystem. Constructing a personal project can aid in practically observing various MongoDB concepts in action. Utilizing resources such as MongoDB Certification Learning Paths , practice tests, and MongoDB Documentation is vital for excelling in certification exams. Additionally, it's advisable to undertake the initial certification in the programming language one feels most comfortable with. Reflection is key; saving or emailing exam scores enables individuals to identify areas needing improvement for future attempts. With proficiency in C#, Java, Node.JS, PHP, and Python, how do you perceive the role of versatility in today's tech industry, especially regarding job opportunities and project flexibility? Programming languages, very much like spoken languages, are merely a medium. The most important thing is knowing what to say. The tech industry depends on problems, and developers seek solutions to them. Once they have a solution, programming languages help make those solutions a reality. It’s not hard to learn different programming languages or even to master them. Knowing the basics of different programming ecosystems can give developers an edge regarding job opportunities. It makes them flexible and enables them to make crucial and informed decisions in choosing the correct tech stack or defining good architecture for solutions. In your experience, how does fluency in multiple languages enhance collaboration and innovation within development teams, particularly in today's globalized tech landscape? Fluency or even practical awareness about programming languages or ecosystems promotes versatility in problem-solving, facilitates cross-functional collaboration, supports agile development, enables integration with legacy systems, fosters global collaboration, reduces dependency, and empowers informed decision-making, all of which are crucial for staying competitive in today's globalized tech landscape. As a MongoDB Community Creator, how do you leverage your expertise in these five languages to contribute to and engage with the broader tech community? What advice would you offer aspiring developers seeking to expand their skill set? I aim to open-source my MongoDB-focused projects across various ecosystems, accompanied by detailed articles outlining their construction. Since these projects were designed with exams in mind, they serve as skill-testing tools for developers and comprehensive guides to the various components comprising certification exams. I advocate for developers to choose a favorite language and compare others to it, as this approach facilitates a quicker and more efficient understanding of concepts. Relating new information to familiar concepts makes learning easier and more effective. The MongoDB Community Advocacy Program is a vibrant global community designed for MongoDB enthusiasts who are passionate about advocating for the platform. Our Community Creators Program welcomes members of all skill levels eager to deepen their involvement in advancing MongoDB's community and technology. We empower our members to expand their expertise, visibility, and leadership by actively engaging with and advocating for MongoDB technologies among users worldwide. Join us and amplify your impact within the MongoDB community! Elevate your career with MongoDB University 's 1,000+ learning assets. Access free courses and hands-on labs, and earn certifications to boost your skills and stand out in tech.

April 24, 2024