[STORY] How has the Constitution of India changed over the years?

[dharashah410]

Ideation

• Decide story pitch with domain experts
  • Does the story idea add value?
  • Is data available?

Prepare

• Data collection and cleaning
• Story insight
• Get story reviewed from domain experts (Is there even a story here?)

Plan

• Structure of the story
• Design the visualization
• Get story reviewed from domain experts (Is the story plan making sense?)

Execute

• Code the visualization
• Write the essay
• Get story reviewed from domain experts

Publish

• Prepare social media images
• Publish
  • Post on site
  • Post on Instagram
  • Post on Facebook
  • Post on Twitter

[dharashah410]

Timeline

• Add tooltip on hover of each amendment
• The brush selection has shifted after adding tooltip. It needs margin adjustments @GauravB159
• Amendment tooltip on right side of the timeline is getting cut @GauravB159
• On load last 2 amendments (latest ones 102 and 103) pre-selected on timeline, rest others dulled out @GauravB159
• Remove unload scrolling effect and directly show last 2 amendment @GauravB159
• Make timeline sync when navigating through left and right arrows @GauravB159
• When 2 lines are selected using brush, dull out the other lines @GauravB159
• Highlight the PM in circle based on brush selection. Dull out rest of the circles by making images as greyscale @GauravB159
• Filter amendments based on brush selection @GauravB159

Track changes view

• Add mini map besides each amendment @GauravB159
• Can we just lazy load the amendments which are been selected rather than rendering all of them?

Table of contents

• Add article title, part number and part title in the JSON
• Change the dummy text with actual values for above 3 keys
• Part titles should align with article numbers. Remove duplicate title names
• Show article numbers in the table of content
• Sort the articles number (alphanumeric sort)
• Add tooltip on hover of each article
• Add heatmap based on how many times the article has been changed
• Show part title on left of article box instead of right
• Add navigation arrows as carousel
• Add up and down arrows in TOC. Hide scroll in the div
• Click on up/down arrow of table of content should be in sync with the amendments of the constitution @GauravB159
• On scroll of any 1 amendment, the rest should scroll @GauravB159

[dharashah410]

@GauravB159 We need to make following changes in Minimap

• Make the red and green lines in the minimap clickable
• Increase the height of red and green lines a bit so that it's clickable.
• The minimap needs to go near border right of each container / where the scroll appears. Remove the minimap box that you have added.

[dharashah410]

Bugs @GauravB159

• When I scroll to the bottom of the page and then select something on timeline, the page scrolls up
• On click of up and down arrow, the down arrow stops working after I go up and down 2 times
• The brush is not snapping. I am able to select more than 2 amendment.
• The sync scroll is working for first block only. It should work for both the amendment blocks
• Right now sync is one way ie TOC impacts amendment blocks. Make it work 2 way i.e TOC boxes get highlighted based on scrolling of amendment
• Scrolling using TOC not synced up. To recreate: Click on 22 in TOC and check Original and Amendment 1. Click on 22 again.

[dharashah410]

@ishitachaudhary

1. Convert document to HTML using https://wordhtml.com/ tool

• Remove all inline styles by selecting this button in the tool

• Replace all < with "<"
• Replace all > with ">"
• Replace all “ and ” with double quotes (")
• Remove all <strong> and </strong> tags
• Replace all <li> with <p> tags
• Remove all <ol> tags and add the number in start attribute in the <li> tag preceding it
• Add attribute data-scrollto="article-article_no" to all <p> tags where article number is mentioned
• Remove all blank spaces i.e  

2. Write down the process you are following to create the tags (which sites are you referring, creating back up tags etc) so that when new amendments are added in future other person can take it forward. Take a small screen capture video demonstrating the process.