Giter VIP home page Giter VIP logo

netafilter's Introduction

Netafilter

untitled2 A tool to filter our Netas using data available from the Indian government. netafilter.in

Features

  • Get an overview of the background profile of Member of Parliaments in India
  • Explore constituency boundaries and MP affidavit details including educational qualification, criminal cases, assets and political party
    untitled2
  • Geolocate the current device to find the constituency and MP details
  • Mobile friendly

Develop

Site is built using Jekyll.

  • Clone the repository
  • npm install && npm start

The SASS stylesheet is at /_sass/_layout.scss

Data

Map

The map interaction is powered by the Mapbox GL engine using OpenStreetMap data.

netafilter's People

Contributors

adityadipankar avatar planemad avatar shreyas-satish avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

netafilter's Issues

Highlight active filter in the list

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.

Raigarh duplicate

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

Add logos of parties

Currently, names of parties are displayed. Instead, could add small-sized logos of the parties in the party window or the tooltip.

Link candidate info to the myneta candidate page

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?

Bring the 3 <fieldset> radio selection items in the header

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:

  1. The radio selection for Education / Assets / Criminal Cases needs to be brought into the header
  2. The legend (based on selected item from above) should appear in the legend box.

On low zoom, show point visualization of constituency

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.

cc @adityadipankar

Create a top bar to house content

Create a top bar which will house content in 3 sections:

  1. Logo
  2. Navigation (Map, About)
  3. Currently viewing (Education / Assets / Criminal Cases)

Make clicked polygons sticky

If a user clicks a constituency, it should stay selected with a visual highlight. Clicking again should unselect.

Radio selection between Education, Assets and Criminal Cases

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.

Mockups for implementation

Below snapshots present some ideas for implementation.

img_3171
img_3172

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

Remove ractive

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.

cc @shreyas-satish

Homogenise colours for all 3 categories of data

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.

Add map search

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.

Add dynamic filter setting for a data layer collection

This can help to quickly map any field in the data into a chloropleth without creating new layers in the map project.

  1. Extract existing data layer filters for education as JSON
  2. Create new sets of data layer filters for assets and criminal cases as JSON
  3. Create a function to apply a new set of filters to the data layer

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.