Compare Countries of the World to Each Other in an Interactive Bar Chart

Submitted by: 
Language: 
Visitors have accessed this post 981 times.

Compare countries of the world to each other in an interactive bar chart.

This project is about allowing the user to make a selection of 8 countries from a list of over 200 and then to visually compare these countries to each other. The countries can be compared from different aspects. For example, by population or by area per square mile or by GDP per capita, etc.

On the top of the web page there is a row of 8 drop-down list-boxes. Each list-box contains the same list of over 200 countries. The user can select one country from each of the 8 drop-down list-boxes. Each list-box has a different colour. The colour scheme corresponds to the colour scheme of the bars on the bar chart.

On the line below the list boxes there are 6 radio buttons with descriptive names for each button. Only one of the 6 radio buttons can be selected at a time. The radio button selected determines the type of bar chart you want to see. For example, if you select the GDP radio button then you want to see 8 countries you selected compared to each other by GDP per capita. The title of the bar chart changes depending on the radio button selected, to help the user to understand the meaning of the bar chart.

There is also a sort button. When you click it then the countries will be sorted into descending order and rearranged on the bar chart and in the order in which they appear in the 8 list boxes.

Developed at Kerry ETB, Tralee. Ireland.
Michael Finnegan, Saturday 6th July 2019


Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.

FOR YOUR OWN SAFETY, PLEASE:

1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • You may insert videos with [video:URL]
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <th> <img> <h1> <h2> <h3> <iframe> [video]
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <asp>, <c>, <cpp>, <csharp>, <css>, <html4strict>, <java>, <javascript>, <mysql>, <php>, <python>, <sql>, <vb>, <vbnet>. The supported tag styles are: <foo>, [foo].
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.