Decoding — Ranking Digital Rights 2018
I have been struggling to write articles that create value for my sustainability benchmarking and assessment community. We as software developers write code. It isn’t similar to writing an article or a post. However, the core idea is to communicate. I personally have 15 years of experience writing software systems, I have helped many teams automate their benchmarking process in past 4 years.
One is my core skill is developing web applications. Recently when I and my business partner Gautam Shah were demonstrating our web platform “Probench”, a question was asked after the call.
Are ranking digital rights using XML to display graphs on their web page?
I did some digging and found that they are not using XML, instead, they are using JSON. It didn’t take much time to find that answer that was my “Aha!” moment, I thought teams publishing benchmarks and indexes would love to know what their peers are doing. I was confident about it because most of our clients and prospective clients have asked for peer benchmarking feature. So ideally they should also learn about the technology stack of their peers.
Page Breakdown
World Map: The first thing that you will notice as soon as you are on the page is the Map. It is created using d3js and the map is done using datamaps. It also has few stats and the Industry is highlighted using Font Awesome.
Key Findings: As the subtitle suggests it mentions a few key findings and links to the summary, recommendation and full report.
2018 Company ranking: It displays the score table of companies for both the Industry. Each row in a table has displayed a single row bar chart for each cell. They have used CSS to display Horizontal chart, click here to see the CSS code.
Year-on-year comparison: Improvement of companies from last year is displayed using SVG + CSS, click here to see the code.
Report Highlights: This section has 5 links that address Inadequate disclosure, Security uncertainty, Privacy failures, Policing speech and Telecommunications disconnect.
Data Source
One of the data source mentioned on the page was in JSON format. There are 4 assets available as listed below:
- https://rankingdigitalrights.org/index2018/assets/static/overview.json
- https://rankingdigitalrights.org/index2018/assets/static/companies.json
- https://rankingdigitalrights.org/index2018/assets/static/difference.json
- https://rankingdigitalrights.org/index2018/assets/static/index-service.json
Other Technologies
jQuery: jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax. It is free, open-source software using the permissive MIT License. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin. ~ Wiki
Nginx: Nginx is a web server which can also be used as a reverse proxy, load balancer, mail proxy and HTTP cache. The software was created by Igor Sysoev and first publicly released in 2004. A company of the same name was founded in 2011 to provide support and Nginx plus paid software. ~ Wiki
HTML 5: HTML 5 is a software solution stack that defines the properties and behaviors of web page content by implementing a markup based pattern to it. HTML 5 is the fifth and current major version of the HTML standard, and subsumes XHTML ~ Wiki
https://www.w3schools.com/html/default.asp
Matomo: Matomo, formerly Piwik, is a free and open source web analytics application developed by a team of international developers, that runs on a PHP/MySQL webserver. It tracks online visits to one or more websites and displays reports on these visits for analysis. Wiki
Mobile
The page is shown correctly on the mobile phone. The speed score on page speed insights by Google is 28 out of 100. All of this website appears to be optimised for viewing on a mobile phone or a tablet.
Ranking Digital Rights is 959,231 Most popular website in the world. Over the past 3 months, this website has experienced a moderate increase in popularity. Source: http://www.alexa.com/
