Visualization: Post grouped by years - D3 - v2

This is a follow up to last month’s post on same name.

There are few changes made to the chart.

  1. Today marker: Instead of drawing a full line for the current year, we are allowing the line to grow with passing day. This is a major change.
  2. Transition: The trasnition effects are the major change here. Ironically, the amount of code change is minimum - tbh addition of 2 lines is all that’s needed.
  3. Hyperlinks: All the hyperlinks are made colored with dark blue, as this is the default color in all browsers.
  4. Tooltip: We have used title tag to implement the tooltip. This is not a major change or in other words the tooltip can be better. For that we have to go for CSS method, which is still a bit far from my reach.

Scope for improvement

Visualization: Post grouped by years - D3

This is an attempt to recreate the earlier created blog post through D3js.

I’m more of backend developer, working predominantly in Python + SQL. But, trying out JS is long time wish, which got fufilled through a Udemy course and some good imspiration.

The visuals can be improved vastly and can add few more options. But this post is to show the progress. Also, this is an attempt to conform that D3JS output can be hosted on our static site.

Visualization: Post grouped by years

Once in a while we stumble into something interesting while we are not looking for it. This is a post on how I came across a chart while going through an online course, the experience in replicating the chart, the lessons I learnt.

The instructor of the course - Course: Data Visualization Fundamentals and Best Practices by ObservableHQ. While going through his website I found this interesting chart - Blog Calendar.

The discovery

Displaying his blog posts over the years in a chart was something I’m seeing for the first time. Since then even during his class I was seeing it how it was built and imagining how it would look for my blog. During the time provide for the final assignment, I doubled down and spent time on exploring tools to recreate the chart.

Multiple roles of a man

Which one survives, dies or thrives

The 30s are tricky period. Till 20s you can survive with a student or young earner tag. In the late 20s, you experience what the freedom is. And, when you start feeling you can do whatever you can and reach wherever you want to in life. Now you’re in your 30s and most likely you got punched at your face.

API, Configurations & Database operation

Some helpful accessories

Right now the project focuses on creating dashboard for Mutual funds, and gradually adding other investement vehicles viz stocks, PPF, and EPF.

Fetching NAVs

To track the mutual funds, we come across an API by Yuvaraj Loganathan - MFAPI. Thank you, Yuvaraj. The API gets updated on daily basis and free to access (as in free beer). For our project, which is not intended for any financial gain, this api is the right fit.

Osmosis IRL

Osmosis

Osmosis is term all of us come across during our schooling days.

In biology, osmosis is the movement of water molecules from a solution with a high concentration of water molecules to a solution with a lower concentration of water molecules, through a cell’s partially permeable membrane.

Water purification through reverse osmosis is one of the popular application in our day to day life.

Do we see anything similar to Osmosis in real life?

Project Update - 3

Some helpful accessories - tech specs

This is continuation in the series about our side project. This post is a follow up to the pervious post on various tools used to build the process of building the application

The Environment

Core language used in our project is Python. Python is used to fetch details from API calls, cleaning the API return value, and also writing it into DB. Even though the language is very popular and user ranges from amateurs to big corporations, it undergoes development. Implying the new versions are created and released often. And so, setting up the environment is necessary.

Project Update - 2

Some helpful accessories

This is a continuation to previous post on our new side project. Instead of building a spaghetti code that just works, we are approaching the entire process through the industry practise.

For example, the working components are modularised for easier maintenance. These individual modules are built on TDD approach, testing with every step of our development. The test results are passed through coverage to understand how much code is covered under our testing process. And, based on this coverage status the code is committed into Git repo. This regulates clean and working code.

Personal help/maid affordability - a social indicator?

Reflects the state of the society?

One of the major difference between developed and developing nation is the way we treat the labours. Usually when a nation grows it concentrates on creating wealth. The wealth, once gets generated it tends to flock together and the rich gets super rich at the cost of vulnerable populous. Once this gap gets too large, the society becomes unstable.

Flow of Wealth

Are you envious of younger generation?

Good if you felt envious

Scene 1: During school days

Teacher : Why didn’t you finish your homework?

Student : We experienced powercut all through the evening. And so, the home

T : Don’t say unnecessary reason in your age we were reading under the street lamp.


Scene 2: During college days

College student : I need a bike to commute to college.

Parent : In your age we were walking n Kilometers to catch the government bus to college, your generation needs private vehicles at this young age?!