The aim in this project is to take raw data, presumably formatted as JSON, and: present it in a format thatʼs user-friendly (charts, tables, etc.), allow the user to interact with it (e.g. sort a table, narrow down to a subset of the data, etc.), and potentially derive some insight from the data.
Statistics and wildlife anyalictics as a guide to how we can readdress the balance and reverse climate change
resources and links to data and other websites.
Readdress the balance of population and Country / Continent and Habitat and Species and how they correlate with each other.
Reverse Climate Change in theory via data correlation and achieving a balanced perspective to try to understand the real world and what can be done to achieve this in practice.
create a climate change dataset. Add data and graphs explaining the data focus on wildlife and world population and how it is affecting the planet. How we can analyse and understand the data to make positive decisions going forward. Sustainable cities Population Control Saving wildlife from extinction by providing and reversing their dwindling habitats Respect for wildlife and food sources Finding solutions What are the solutions Implementing the solutions for planet health
Earth Focus - population by country/continent and area measurement - *not started yet- future possibility.
I am creating a dynamic dashboard showcasing the data between Country / Continent and Area.
Population Levels and comparisons between countries and Continents. I want the end user to be able to choose different graphs to show the way data interacts and compares.
I am using a combination of my tutorials and libraries to create my graphs. I had selected code from #Stack Overflow to assist with colouring my barcharts.
Continent A string like 'Europe' and the Continent is the same as Country. "In the lessons when we parse the results it is either because the data has a string and we want a number or when the data is one timestamp and we want another. A scatterplot is a chart best suited to plotting two numbers against each other so try Area versus Population". As quoted by a tutor on my course. So I am demonstrating a correlation with population verses area, using a scatterplot.
https://soliv1.github.io/milestone2/barchart.html
I am creating a dynamic dashboard showcasing the data between Country / Continent and Area.
Population Levels and comparisons between countries and Continents. I want the end user to be able to choose different graphs to show the way data interacts and compares.
I am using a combination of my tutorials and libraries to create my graphs. I had selected code from #Stack Overflow to assist with colouring my barcharts. Please find a wireframe and other info and datasets (using wget methed in terminal) in the docs folder attached.
-Jquery to demonstrate DOM manipulation -Bootstrap Cosmos to help with styling -D3 helps you bring data to life using HTML, SVG, and CSS Allows User to create anything from an HTML table to a Pie chart, from -graphs and bar charts to geospatial maps -Make graph technologies; Crossfilter / DC / JSon
There are two types of fields, dimensions and measures, based on the role they play in the data:
Dimensions are fields that act as labels/names/buckets/categories. They could be of any type, including number. The following can be used to tell whether a field is a measure or a dimension before becaming second nature:
i) Is it a number? If not itʼs definitely a dimension. ii) If it is: Does it represent a quantity/ can you perform some mathematical operation on it? iii) If so, itʼs a measure, if not, itʼs a dimension. For instance, a phone number contains numbers, but isnʼt really a quantity (adding/multiplying/dividing, etc. two phone numbers does not make mathematical sense).
D3 provides tools to generate charts out of JSON data. These charts could be tied to each other i.e. filtering on one chart affects the other charts at once (Iʼm sure youʼve seen this in the examples). The most common charts are: Tables - Self-explanatory, you can have as many measures and dimensions as you want in these. Simple bar/column charts - one dimension, one measure. Each bar/column represents an instance of the dimension field (e.g. a specific country), and its height/length is the magnitude of the measure (the countryʼs area). Scatter plots - one dimension, two measures. Each dot is an instance of the dimension field (e.g. specific country) and its horizontal and vertical position on the chart represent the magnitude of the first and second measure respectively. Donut/Pie chart - one dimension, one measure. Line graph - two measures (self-explanatory), or one dimension and one measure, where the dimension is represents values that are continuous in nature, for example time.
Cover page inspired by my course work in Code Institute Bckground image is a preview page from Adobe stock images (from which I have and account) My Mentor Brian Mancheria for helping me to try to understand the logistics of Java script and providing me with info to outline a project for myself -The Tutor support -The Slack Community =Thw World Data Bank for data on Population and Environement issues -Popululation Matters Data -Populataion Matters Images where indicated -DC.JS GETTING STARTED AND HOW-TO GUIDE -© 2019 GitHub, Inc. -Diff Checker: https://www.diffchecker.com/
My layout is still not right but I am still working on this.
My social links moved to the right hand side when I deployed it in github. I am not sure quite why.
I have had considerable problems with this project and my understanding of java script and how it works.
I really hope to be able to iron these out in time hence the project being unfinished. I have not managed to resolve these issues yet. I appear to have a lack of understanding on how to manipulate information in the making of the graphs and the calculations involved. Hence I having trouble making my graphs appear and despite the console addressing issues - I was unable to resolve them. (Although, I did manage to go through the course modules ok). Since I am currently unable to master the making of my graphs and have run out of time - I have decided that I shall be submitting this project minus at least two of them. I hope that I shall be able to resolve these issues in future, as I move on in the course.
https://d2264e7f-c97d-48d2-b0ad-7b63896e9c67.ws-eu01.gitpod.io/#/workspace/milestone2
.colorAccessor(function (d) { if (d.value > 12) { return "Country"; } if (d.value > 9) { return "Continent"; } if (d.value > 6) { return "test3"; } if (d.value > 3) { return "test4"; } })
Could not make the graph appear with the data for measurements of area and population and dimension - country. I tried different information from different datasets (see docs folder for ideas and wireframes and datasets), but only got into strife so went back to a basic dataset example. https://soliv1.github.io/milestone2/scatterplot.html
My piechart is not perfect but I am reasonably happy with it. https://soliv1.github.io/milestone2/piechart.html
Ditto as above with scatterplot. I need to build a better understanding of the process of creating interactive dashboards as I like them and am determined to master this situation at some point. I feel that I am close but I am just not quite grasping it and am waiting for the "lightswitch to come on". So I have since populated the site with some pretty pictures of graphs to illustrate until I am finally figure them out.
README2.md