folography / netafilter Goto Github PK
View Code? Open in Web Editor NEWInteractive visualisations of the data available from the Indian government.
Home Page: https://folography.github.io/netafilter/
License: MIT License
Interactive visualisations of the data available from the Indian government.
Home Page: https://folography.github.io/netafilter/
License: MIT License
Currently, the tooltip in some edge and corner cases of hover falls outside the bounds of the browser window, which makes it difficult for the data to be read. This needs to be corrected to the tooltip to always appear inside the bounds.
Currently, the 3 categories employ 3 different colours for visualising the data on the map. This could be simplified by employing just 1 colours palette. Needs discussion and according change.
Create a top bar which will house content in 3 sections:
Map currently has no legend to indicate the value for colors.
This can help to quickly map any field in the data into a chloropleth without creating new layers in the map project.
education
as JSONassets
and criminal cases
as JSONThis would allow authoring pages and posts directly in markdown
Currently raw stats for MP is shown on hovering over a constituency like
@adityadipankar if you create and html+css prototype of how you want this to look, i can integrate into the sidebar for #1
If a user clicks a constituency, it should stay selected with a visual highlight. Clicking again should unselect.
Having links from the map tooltip on the candidate #2 to the myneata.info candidate page will be useful for those who want to see more details about a person.
We have a myneta Sno
field in the data, but this does not correspond to the candidate id on myneta.info
eg Kothapalli Geetha has Sno 32
in our dataset but the myneta page is at http://myneta.info/ls2014/candidate.php?candidate_id=8865 with id 8865
@adityadipankar can you ask myneta what the Sno
field is?
Currently, only text-titles are shown in the tooltip fields. Could add icons to the fields.
To add to http://netafilter.in/chart.html showing corelation between various variables
https://indiankanoon.org/docfragment/14792575/?formInput=Anupriya%20Singh%20Patel%20%20doctypes%3A%20loksabha --> This will give mentions of the MP in loksabha debates. Need to check if we can get count through indiankanoon API
Raigarh constituency is shown in Maharashtra and Chhatisgarh.
The Maharashtra one is actually Raigad, needs to be fixed in the shapefile and neta info needs to be added
Currently, names of parties are displayed. Instead, could add small-sized logos of the parties in the party window or the tooltip.
For #34 the form template needs to be split into two. Also with the new data drive styling options in Mapbox GL, creating multiple layers for different colors is no longer necessary. The js can be greatly simplified by reducing the react implementation.
Experiment creating a scatterplot using the MP data and d3.scatter
Possible fields for trials
Currently, the 3 groups of items are clubbed with the legend for each, and placed in the small legend box on bottom-left. The following needs to be done:
Currently the data disappears when zoomed out due to file size and creates confusion for the viewer. This should ideally transition to a single marker at every constituency so that data context is maintained.
The marker for each constituency will help visualize the density and distribution of MPs and is a proxy for population density as well. The color of each marker could be based on the party of the MP.
Currently, this is a list that is shown on the left. It could be simplified by moving the choice of viewing to the top bar. The user will select to view either of the 3 options and the legend at the bottom will show the relevant options, along with the map reflecting the colors.
Some users are more familiar with using buttons to zoom/pan the map than use the scroll on the desktop
Don't allow users to pan/zoom out of India by accident.
Could be grouped with the geolocate control to help users quickly move map to place of interest rather than panning around. More helpful on mobile.
Need to update the natural earth country vectors that are being used
@shreyas-satish can we transfer the repo along with issues to https://github.com/ocsidlab/netafilter ?
Todo:
Longer party names are overflowing the bounds of the small circle. Instead the window will show the logo of the part and the name of the party will appear under the name of the candidate.
https://github.com/folography/netafilter/blob/gh-pages/js/mapbox-gl-js-common.js has a bunch of utility functions for mapbox-gl.js
Blocked due to not having a SSL certificate/HTTPS endpoint . Depends on #16
Currently the white circles showing educational qualifications are very hard to discern from the grey of the map itself. I suggest changing assets green and education to blue.
The github source icon is currently placed at the top of the band. Could be brought to the bottom of the page.
This will allow overlaying multiple data points at once. Ref mapschool/course#6
Ref:
How many MPs are male vs female
myneta.info data reports it as illiterate but the government profile indicates Higher Secondary (B.Com.)
Need some fact checking here.
In light of now hosting this on http://netafilter.in
cc @adityadipankar @priyankaborar @shreyas-satish ๐ ?
Party filter is now working, but there is no indication of which filter is active in the list. Need to toggle class='active'
on the items.
Below snapshots present some ideas for implementation.
List of ideas:
1. Menu for the mobile view (Showing calls-to-action for filters, charts, map/list view toggle and about)
2. Filter panel
2.1 Educational qualifications as checkboxes
2.2 Assets as draggable range selector
2.3 Criminal cases as draggable selector
3. List view
3.1 Mobile - blocks as the tooltips in the web and mobile view currently
3.2 Web - list with columns
4. Charts view for the mobile view
Could consider:
Blocker for #25
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.