Team Savante Group
A corporate website featuring a rotating globe built with D3.js and TopoJSON, using an orthographic projection and real-world coordinates to visualise the organisation’s global presence.
- Role
- Design, Deployment
- Disciplines
- Website design, Front end development, Data visualisation
- Client
- Team Savante Group
- Tools
- HTML5, CSS, Javascript, d3.js, TopoJSON
A slowly turning globe of the Team Savante Group footprint. It marks the six countries the company had offices in, Canada, the United Arab Emirates, Colombia, Kenya, the United States and the United Kingdom, within the 46 countries and regions the original site listed as operations. Every marker sits on a country outline or an approximate region rather than on an address.
The brief
Making a global presence tangible.
Create a distinctive way to communicate the organisation’s international reach.
My contribution
What I built
I designed and deployed a website for Team Savante Group with a custom rotating globe as a central visual feature. Using D3.js and TopoJSON, I built an orthographic world projection and mapped locations from real-world coordinates. The result gave the organisation’s international presence a distinctive visual expression within its corporate website.
Scope of work
- Website design and deployment
- Custom rotating globe using D3.js and TopoJSON
- Orthographic world projection
- Location mapping from real-world coordinates
What came of it
A rotating globe at the centre of the corporate site, drawn as an orthographic projection with D3.js and TopoJSON.
Locations placed on that globe from real-world coordinates rather than drawn onto a flat picture.
