[{"data":1,"prerenderedAt":586},["ShallowReactive",2],{"DefaultLayouten":3,"language-services-slug-data-visualisation-i18n-slugs":134,"language-services-slug-en-data-visualisation":141},{"app":4,"menu":31,"footer":66},{"githubUrl":5,"youtubeUrl":6,"linkedinUrl":7,"phoneNumber":8,"emailAddress":9,"legal":10,"addresses":20},"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002F","https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCzHuhQVYFRixtQN2-swcuGg","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fde-voorhoede","+31 20 2610 954","post@voorhoede.nl",[11,14,17],{"title":12,"value":13},"KvK","56017235",{"title":15,"value":16},"BTW","NL851944620B01",{"title":18,"value":19},"IBAN","NL14TRIO0320142078",[21,26],{"address":22,"city":23,"googleMapsLink":24,"postalCode":25},"Koivistokade 70","Amsterdam","https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FDe+Voorhoede+%7C+Front-end+Development\u002F@52.396847,4.8700823,17z\u002Fdata=!3m1!4b1!4m5!3m4!1s0x47c5e21d502d2d59:0xbf570944a96ebf45!8m2!3d52.347647!4d4.8502154","1013 BB",{"address":27,"city":28,"googleMapsLink":29,"postalCode":30},"Koornmarkt 22","Delft","https:\u002F\u002Fwww.google.nl\u002Fmaps\u002Fplace\u002FKoornmarkt+22,+2611+EG+Delft\u002F@52.0093477,4.3573054,17z\u002F","2611 EG",{"title":32,"callToActions":33,"links":39},"Site Menu",[34],{"id":35,"title":36,"link":37},"163140902","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140904","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140905","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140906","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140908","About us",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"d6WdFJq2SOuc3dWtpibbXQ","Work at",{"__typename":44,"slug":65},"work-at",{"links":67,"copyrightTitle":93,"copyrightLabel":94,"copyrightLink":95,"privacyTitle":96,"privacyLabel":97,"privacyLink":98,"certificatesGrid":99},[68,71,74,77,82,85,88],{"id":69,"title":42,"link":70},"144185264",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185265",{"__typename":50},{"id":75,"title":53,"link":76},"144185266",{"__typename":55},{"id":78,"title":79,"link":80},"144185267","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185268",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185269",{"__typename":38},{"id":89,"title":90,"link":91},"144185270","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licence and disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","De Voorhoede privacy statement (pdf)","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455455-vh-isms-006-privacy-statement-de-voorhoede-en.pdf",[100,112,123],{"id":101,"image":102,"link":107},"Xq4bBfg_TZ6Fkjax9mkbLQ",{"url":103,"alt":104,"width":105,"height":106},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353463-b-corp-logo-black-rgb.png","B Corp logo",404,680,{"__typename":108,"id":109,"title":110,"url":111},"ExternalLinkRecord","fGW1ak8XQYaYDLkBSyncog","B Corp","https:\u002F\u002Fwww.bcorporation.net\u002Fen-us\u002Ffind-a-b-corp\u002Fcompany\u002Fde-voorhoede\u002F",{"id":113,"image":114,"link":119},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":116,"width":117,"height":118},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png","Dutch Digital Agencies logo",627,480,{"__typename":108,"id":120,"title":121,"url":122},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":124,"image":125,"link":129},"MT5SCyNxSTSr_v5eeATMZw",{"url":126,"alt":127,"width":128,"height":128},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png","DNV logo",518,{"id":130,"title":131,"link":132},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":133},"impact\u002Fdigitale-producten-privacy-by-design",[135,138],{"locale":136,"value":137},"en","data-visualisation",{"locale":139,"value":140},"nl","datavisualisatie",{"page":142},{"slug":137,"i18nSlugs":143,"social":146,"title":151,"subtitle":152,"headerIllustration":153,"serviceSeries":154,"items":174,"breadcrumbsNextService":153,"pivots":585},[144,145],{"locale":136,"value":137},{"locale":139,"value":140},{"title":147,"description":148,"image":149},"Data Visualisation: Interactive maps & dashboards","Our developers transform data into visually appealing and understandable graphs, interactive maps and dashboards. Check out our data visualisation work.",{"url":150},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1691161752-heineken-career-map-data-visualisatie.png","Data Visualisation","From complex data to visually appealing insights",null,[155],{"id":156,"mainService":157,"childServices":160},"7408032",{"title":158,"slug":159},"Launch your product","launch-your-product",[161,164,167,170,173],{"title":162,"slug":163},"Web Application Development","web-application-development",{"title":165,"slug":166},"Custom website development","custom-website-development",{"title":168,"slug":169},"Headless CMS","headless-cms",{"title":171,"slug":172},"Design System","design-system",{"title":151,"slug":137},[175,202,258,300,317,390,400,412,562,570],{"__typename":176,"gridAlignment":177,"body":178},"SectionStructuredTextRecord","left",{"value":179,"blocks":193},{"schema":180,"document":181},"dast",{"type":182,"children":183},"root",[184,190],{"type":185,"children":186},"paragraph",[187],{"type":188,"value":189},"span","Do you want to make complex data understandable for users? Do you need technical expertise to build visualisations that meet your needs? Our developers transform data into visually appealing graphs, interactive maps, and comprehensible dashboards.",{"item":191,"type":192},"182958269","block",[194],{"__typename":195,"id":191,"caption":196,"image":197},"ImageRecord","Dashboard for real-time monitoring of display screens in hotels",{"url":198,"alt":199,"width":200,"height":201},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1691161146-datavisualisatie-dashboard.png","Datavisualisatie dashboard met cirkel diagrammen en een lijst",1920,1080,{"__typename":176,"gridAlignment":177,"body":203},{"value":204,"blocks":257},{"schema":180,"document":205},{"type":182,"children":206},[207,213,217,222],{"type":208,"level":209,"children":210},"heading",2,[211],{"type":188,"value":212},"Why is visualising data smart?",{"type":185,"children":214},[215],{"type":188,"value":216},"In today's world, where data plays a crucial role in decision-making and business strategies, visualising data is essential. Raw data is often hard to comprehend, and hidden patterns or insights can go unnoticed. By visualising data, you simplify complex information, uncover trends, and understand patterns. This enables you to make better decisions and seize opportunities that you might otherwise overlook.",{"type":208,"level":218,"children":219},3,[220],{"type":188,"value":221},"Data Visualisation by De Voorhoede: what do you get?",{"type":223,"style":224,"children":225},"list","bulleted",[226,233,239,245,251],{"type":227,"children":228},"listItem",[229],{"type":185,"children":230},[231],{"type":188,"value":232},"A customized visualisation that aligns with your needs and brand identity",{"type":227,"children":234},[235],{"type":185,"children":236},[237],{"type":188,"value":238},"Integration between the visualisation and existing systems, such as your CRM or ERP",{"type":227,"children":240},[241],{"type":185,"children":242},[243],{"type":188,"value":244},"Optimal data security for (sensitive) information",{"type":227,"children":246},[247],{"type":185,"children":248},[249],{"type":188,"value":250},"An interactive visualisation that allows users to work with the data and discover insights",{"type":227,"children":252},[253],{"type":185,"children":254},[255],{"type":188,"value":256},"A team of experts for development and a project manager ensuring timely and budget-friendly delivery",[],{"__typename":259,"id":260,"cases":261},"CasesListRecord","JAqzzmKjQfSMF0V9R69RtA",[262,271,281,291],{"title":263,"slug":264,"caseTeaser":265},"Life Terra","life-terra",{"title":266,"image":267},"Plant trees to help restore our planet ",{"url":268,"alt":269,"width":200,"height":270},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1684149458-life-terra-website.jpg","adopt a tree",1279,{"title":272,"slug":273,"caseTeaser":274},"15 Apps for water research at Deltares","15-apps-for-water-research-at-deltares",{"title":275,"image":276},"In 3 years, 15 apps for water research ",{"url":277,"alt":278,"width":279,"height":280},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1684226321-webapplicaties-deltares.png","3 apps with similar functionalities",1307,875,{"title":282,"slug":283,"caseTeaser":284},"ViriCiti","viriciti",{"title":285,"image":286},"View and monitor the charging status of electric buses",{"url":287,"alt":288,"width":289,"height":290},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1642351657-schermafbeelding-2022-01-16-om-17-47-24.png","ViriCiti dashboard on a mock up monitor",1146,522,{"title":292,"slug":293,"caseTeaser":294},"Geldmaat","geldmaat",{"title":295,"image":296},"Optimising reusability for new online presence",{"url":297,"alt":292,"width":298,"height":299},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1622105789-geldmaat-case-preview.png",665,470,{"__typename":301,"id":302,"title":303,"body":304,"linkLabel":305,"linkUrl":306,"linkIsExternal":307,"secondaryLinkLabel":308,"secondaryLinkUrl":309,"secondaryLinkIsExternal":310,"person":311},"CallToActionRecord","182958272","Get to know De Voorhoede","\u003Cp>\u003Cspan style=\"font-weight: 400;\">We're here to help you visualise your data. Contact Jasper for an introduction.\u003C\u002Fspan>\u003C\u002Fp>","Contact Jasper","\u002Fen\u002Fcontact\u002F",false,"Call +31 (0)20 2610 954","tel:310202610954",true,{"name":312,"image":313},"Jasper",{"url":314,"alt":153,"width":315,"height":316},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,{"__typename":176,"gridAlignment":177,"body":318},{"value":319,"blocks":389},{"schema":180,"document":320},{"type":182,"children":321},[322,326,330],{"type":208,"level":209,"children":323},[324],{"type":188,"value":325},"Datavisualisation in 5 steps",{"type":185,"children":327},[328],{"type":188,"value":329},"When you work with us to visualise your data, we go through 5 steps together.",{"type":223,"style":331,"children":332},"numbered",[333,345,356,367,378],{"type":227,"children":334},[335,341],{"type":185,"children":336},[337],{"type":188,"marks":338,"value":340},[339],"strong","Analysis of your data and needs",{"type":185,"children":342},[343],{"type":188,"value":344},"We begin with a comprehensive analysis of your data and specific requirements. This helps us determine the best approach and identify visualisations that are most suitable for your objectives. We select the technology that fits your application best. Does it work better with interactive SVGs, a canvas, or WebGL? Do we use standard web technology or is a library like Three.js or Mapbox more convenient? How do we ensure smooth and intuitive functionality, even with large amounts of data",{"type":227,"children":346},[347,352],{"type":185,"children":348},[349],{"type":188,"marks":350,"value":351},[339],"Collaboration with design partners",{"type":185,"children":353},[354],{"type":188,"value":355},"Our talented developers collaborate with our design partners (Valsplat, Hike One, or Edenspiekermann) for an optimal end result. By combining the creativity of designers with our technical expertise, we create data visualisations that are both informative and appealing. Together we define the visualisation's purpose, optimal information density, suitable interaction patterns, and ensure accessibility.",{"type":227,"children":357},[358,363],{"type":185,"children":359},[360],{"type":188,"marks":361,"value":362},[339],"Interactive applications",{"type":185,"children":364},[365],{"type":188,"value":366},"We go beyond static graphs and tables. Our interactive maps or dashboards allow you to play with your data, explore different scenarios, and gain profound insights with just a few clicks.",{"type":227,"children":368},[369,374],{"type":185,"children":370},[371],{"type":188,"marks":372,"value":373},[339],"Responsive visualisations",{"type":185,"children":375},[376],{"type":188,"value":377},"Whether you're viewing the data on a desktop, tablet, or smartphone, our visualisations adapt to any screen size, ensuring clarity and readability.",{"type":227,"children":379},[380,385],{"type":185,"children":381},[382],{"type":188,"marks":383,"value":384},[339],"Support and updates",{"type":185,"children":386},[387],{"type":188,"value":388},"Our commitment doesn't end with delivering the visualisations. We provide ongoing support, maintenance, and updates to keep your data visualisations accurate and up-to-date.",[],{"__typename":176,"gridAlignment":177,"body":391},{"value":392,"blocks":399},{"schema":180,"document":393},{"type":182,"children":394},[395],{"type":208,"level":209,"children":396},[397],{"type":188,"value":398},"Examples of data visualisation",[],{"__typename":401,"id":402,"mute":307,"loop":307,"autoplay":307,"caption":403,"gif":153,"video":404},"ResponsiveVideoRecord","fbBjLvJ0T-6mnXx2_XVtfw","Interactive datavisualisation for Politiek Woordenspel",{"url":405,"title":406,"height":407,"width":408,"provider":409,"providerUid":410,"thumbnailUrl":411},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=GW6-2cqe1Gs","Politiek Woordenspel | Interactieve datavisualisatie door De Voorhoede",113,200,"youtube","GW6-2cqe1Gs","https:\u002F\u002Fi.ytimg.com\u002Fvi\u002FGW6-2cqe1Gs\u002Fhqdefault.jpg",{"__typename":176,"gridAlignment":177,"body":413},{"value":414,"blocks":530},{"schema":180,"document":415},{"type":182,"children":416},[417,421,425,427,431,447,449,453,457,461,463,467,477,481,483,487,498,500,504,514,516,520],{"type":208,"level":218,"children":418},[419],{"type":188,"value":420},"Politiek Woordenspel - Analysis of worduse in airtime for political parties",{"type":185,"children":422},[423],{"type":188,"value":424},"We created this interactive data visalisation for ReFrame, a collaboration project of Beeld & Geluid, lectureship Creative Media for Social Change (University of Applies Sciences in Amsterdam) and Utrecht Universtiy. It shows a bubble chart and a timeline of what words were mentioned, in what year, by which party in the political airtime in The Netherlands. The researchers of this project invite everybody to play with the data and share interesting insights with the public. ",{"item":426,"type":192},"182958274",{"type":208,"level":218,"children":428},[429],{"type":188,"value":430},"Heineken - Insight in career opportunities",{"type":185,"children":432},[433,435,445],{"type":188,"value":434},"Heineken employees wanted more insight into their career paths. Using The Career \"Subway\" Map - an interactive application - we provide employees worldwide with insight into the endless career opportunities at Heineken. Connections are made between roles, showing potential paths for growth. Clicking on a role reveals the necessary skills required. For this project, we collaborated with designers from ",{"url":436,"meta":437,"type":441,"children":442},"https:\u002F\u002Fhike.one\u002Fportfolio\u002Fheineken-career-map",[438],{"id":439,"value":440},"target","_blank","link",[443],{"type":188,"value":444},"Hike One",{"type":188,"value":446},".",{"item":448,"type":192},"182958275",{"type":208,"level":218,"children":450},[451],{"type":188,"value":452},"Awell Health - Clear and Shareable Treatment Plan",{"type":185,"children":454},[455],{"type":188,"value":456},"Awell Health is an e-health platform that helps healthcare providers digitise, integrate, and share patient-specific treatments and care pathways. It streamlines how hospitals, departments, and teams align responsibilities and protocols, while seamlessly monitoring progress and documenting results to create an essential environment for efficient healthcare decisions.",{"type":185,"children":458},[459],{"type":188,"value":460},"With a growing customer base, Awell Health took the opportunity to iterate on their first proof of concept. Together with Hike One, we developed an enhanced version of Pathway Studio. In a short period, we delivered a platform that allows trajectory builders to easily prototype and program patient treatment plans.",{"item":462,"type":192},"182958312",{"type":208,"level":218,"children":464},[465],{"type":188,"value":466},"ViriCiti - Real-time dashboard for electrical busses",{"type":185,"children":468},[469,471,475],{"type":188,"value":470},"In collaboration with ",{"url":472,"type":441,"children":473},"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fcases\u002Fviriciti\u002F",[474],{"type":188,"value":282},{"type":188,"value":476},"’s designers, we developed a real-time dashboard for electric buses. This dashboard, that we call Depot View, displays which buses are charging and which parking spots are available. The green colour indicates fully charged buses still occupying a parking spot. This enables more efficient allocation of drivers to specific buses and smarter routing of buses to parking spots. The overview easily identifies issues such as faulty chargers or a bus with low charge status. Additionally, it provides information on the estimated time for the vehicle to be fully charged. Information about the number of vehicles parked at the depot, regardless of fuel type, is also available.",{"type":208,"level":209,"children":478},[479],{"type":188,"value":480},"Examples of interactive maps",{"item":482,"type":192},"182958276",{"type":208,"level":218,"children":484},[485],{"type":188,"value":486},"Deltares - Mapping Water Management",{"type":185,"children":488},[489,491,496],{"type":188,"value":490},"To simplify water management for ",{"url":492,"type":441,"children":493},"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Fcases\u002F15-apps-for-water-research-at-deltares\u002F",[494],{"type":188,"value":495},"Deltares",{"type":188,"value":497},", we developed multiple interactive maps that visualise data. Our technical approach was integrated with new scientific models to ensure the application's functionality. This resulted in projects such as the Adaptation Support Tool used by urban planners to create sustainable urban environments. Another project is the Kitchen Table Tool, designed for farmers and water authorities to collaboratively determine effective measures for water quality improvement.",{"item":499,"type":192},"182958277",{"type":208,"level":218,"children":501},[502],{"type":188,"value":503},"Life Terra -  Interactive Map with Adopted Trees",{"type":185,"children":505},[506,508,512],{"type":188,"value":507},"For ",{"url":509,"type":441,"children":510},"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Fcases\u002Flife-terra\u002F",[511],{"type":188,"value":263},{"type":188,"value":513},", we developed an interactive map displaying adopted trees across Europe. Each tree provides details about its species, location, planting date, and a photo. The map remains clear even with thousands of trees in the same location. When zooming out, smart clusters appear. Zooming in reveals individual trees at specific locations.",{"item":515,"type":192},"182958278",{"type":208,"level":218,"children":517},[518],{"type":188,"value":519},"Geldmaat - ATM Location Finder",{"type":185,"children":521},[522,524,528],{"type":188,"value":523},"We created an interactive location finder for ",{"url":525,"type":441,"children":526},"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Fcases\u002Fgeldmaat\u002F",[527],{"type":188,"value":292},{"type":188,"value":529},", allowing users to locate the nearest ATM. Together with Schuberg Philis, we developed a real-time API that provides information about ATMs to users of the location finder. The API is also used by software developers and monitoring systems within Geldmaat.",[531,536,540,546,549,556],{"__typename":532,"id":426,"caption":533,"image":534},"StructuredTextImageRecord","Interactive career pathway diagram for insights into Heineken's career opportunities",{"url":150,"alt":535,"width":200,"height":201},"Career map voor Heineken waarin functies met elkaar zijn verbonden",{"__typename":532,"id":448,"caption":537,"image":538},"Flow chart for developing a treatment plan for Awell Health",{"url":539,"alt":537,"width":200,"height":201},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1691161813-3.png",{"__typename":532,"id":462,"caption":541,"image":542},"ViriCiti Bus Depot View showing an overview of buses at parking spots",{"url":543,"alt":544,"width":545,"height":201},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1634197497-case-teaser.png","Depot View",1700,{"__typename":532,"id":482,"caption":547,"image":548},"Water Management maps for Deltares",{"url":277,"alt":278,"width":279,"height":280},{"__typename":532,"id":499,"caption":550,"image":551},"Mobile map view of adopted trees zoomed in and zoomed out",{"url":552,"alt":553,"width":554,"height":555},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1691162173-life-terra-tree-map.jpg","Mobile mock ups with a map view of trees in detail and cluster",1058,988,{"__typename":532,"id":515,"caption":557,"image":558},"ATM Location Finder on mobile devices",{"url":559,"alt":557,"width":560,"height":561},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1569423368-geldmaat-phones.png",2072,1314,{"__typename":301,"id":563,"title":564,"body":565,"linkLabel":566,"linkUrl":567,"linkIsExternal":307,"secondaryLinkLabel":308,"secondaryLinkUrl":309,"secondaryLinkIsExternal":310,"person":568},"182958289","Want to visualise your data just like Geldmaat, Heineken and Deltares? Contact us!","\u003Cp>\u003Cspan style=\"font-weight: 400;\">We're here to assist with your data visualisation project. Contact Jasper to schedule a meeting.\u003C\u002Fspan>\u003C\u002Fp>","Schedule a meeting","\u002Fen\u002Fmeet\u002Fjasper\u002F",{"name":312,"image":569},{"url":314,"alt":153,"width":315,"height":316},{"__typename":176,"gridAlignment":177,"body":571},{"value":572,"blocks":584},{"schema":180,"document":573},{"type":182,"children":574},[575],{"type":185,"children":576},[577,579,583],{"type":188,"value":578},"Want to know more about De Voorhoede, our approach, and rates? Have a look at the ",{"url":580,"type":441,"children":581},"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Ffaq\u002F",[582],{"type":188,"value":90},{"type":188,"value":446},[],[],1776256135487]