DEV Community: Taimoor khan

Navigate Github repos as in VS code

Taimoor khan — Thu, 11 Feb 2021 18:49:39 +0000

you can navigate github repos just like in VS Code by adding 1s in githubs domain name like www.github.com/some-repo will become www.github1s.com/some-repo

Source

How to add dynamic colors in Chartjs

Taimoor khan — Wed, 23 Dec 2020 08:40:45 +0000

If you are stuck in hardcoding color values for each dataset and whenever there is new entry in a dataset your code broke, if yes this article is for you...

Recently I was working with chartjs in React. Every time a new data was populated I had to add new color values for that label and data manually, after spending about 1.5 hours on the internet, I finally found a solution to dynamically add colors in chartJS.

Setting up project

You can use this replit for your reference, just start the project and start playing.

Explanation

Following this amazing article, using D3's Chromatic color scale, we will be creating dynamic color ranges for our charts, D3's Scale Chromatic library provides many color scales, we have used their interpolate color scales. All of the interpolate color scales have a domain of [0, 1]. If you want to get deeper check out this amazing article. To simplify, I have created a function chartData()

chartData() returns data object which we can then pass to any Chart component. This function accepts a data object which contains labels, colorRangeInfo, scale and dataLabel

chartData({
    labels: ["China", "UAE", "Yemen", "Pakistan", "Saudia"],
    colorRangeInfo: {
    colorStart: 0,
    colorEnd: 1,
    useEndAsStart: false,
    },
    scale: d3.interpolateBlues,
    dataLabel: "data for doughnut chart",
})

Labels : accepts list of data labels which will be displayed as labels.

colorRangeInfo() : accepts object containing d3 chromatic color range (0,1) useEndAsStart : true will reverse the color range.

const colorRangeInfo = {
    colorStart: 0,
    colorEnd: 1,
    useEndAsStart: false,
};

The scale property accepts d3.interpolate which gives you various combinations such:
interpolateIferno

interpolateCool

You can play around with different variation by using different interpolate color scales.

Please share your thoughts if this article was useful for you. I would love hear back from you guys if you have any better solution for this.

The Rust

Taimoor khan — Fri, 04 Dec 2020 07:26:36 +0000

According to StackOverflow's Developer Survey Rust is most loved programming language for developers for past consecutive 5 years.

Rust is a statically typed programming language that promises Safety and Performance. It has modern yet hard to digest syntax and provides low level control (such as memory usage, pointers etc).
Rust is statically typed compiled language without anything like Garbage Collectors.

Question: How does Rust guarantee memory memory safety?
Answer: Rust manages memory through a system of Ownership with a set of rules that the compiler checks at compile time.

Hello World

Let's write our first program in Rust.

fn main(){
  println!("Hello World");
}

User Input In Rust

Some types are not included in prelude so we need to explicitly call them into the scope by using use keyword. The std::io library provides number of useful features, including the ability to accept user input.

use std::io;

fn main(){
  println!("Your good name?:");

  let mut user_in = String::new();
  io::stdin()
      .readline(&mut user_in)
      .expect("something happened!");

  println!("Happy coding {}", user_in); 


}

Do you think rust will dominate other statically typed languages?