And while we're still on a roll, I also want to set up columns for the most popular repost, meaning
we are going to count how many stars the repo has.
Not, of course, the one that has the most is going to be displayed an arrest of the four, meaning
the top five.
And then the same thing we're going to do, we most for three point and forty repos, we're going to
use the column chart as well as departure.
Well, these are two charts that we're gonna set up.
And again, we'll start with the basic setup where essentially we're just gonna pass in dummy data and
then we'll iterate over our array and grab the most forked on the repos with a most stars.
So let's navigate back to our project and then we're looking for the column.
We can remove everything that's currently in there.
And then I'm looking for Pie three, because this is the content that I'm going to copy and paste.
So again, let's select everything in line in the column, three day copy and paste.
And then once we copy and paste, of course, we would want to change some of ours around where here
everything stays exactly the same.
But instead of PI, we're gonna look for column three D.
Then I'd also want to change the caption was gonna be most popular popular language and then I'm not
going to use any of these three properties.
So it's just move it.
How are out.
Want to add y axis name as well as the font size.
So y axis name.
So what we're changing right now.
Is essentially this one.
So I would want to change the font size as well as add the values for Y axis as well as the x axis.
So y axis name is equal to a stars.
And we're gonna copy and paste and we're going to change it to a x axis name.
Let's add a comma.
Let's add a comma between them.
And of course, the value here is gonna be a little bit different.
It's not going to be x axis name.
We're gonna say or repos.
And then also it wants to add a different font size.
So I'm gonna go with x axis name and line, font size, font size.
And that is equal to a 16 pixels.
So 16 pixels.
Let's copy and paste.
And we just need to change this, of course, to a Y one.
We need to add here, comma.
So once we have this setup, of course, in the Repos, we are already importing the column three.
So now where we have the place holder instead of this div, we're going to go with column 3D and then
for the data Propp we're gonna pass in the chart data.
So for the time being, we're still using this dummy data.
And once we serve, it should have a nice looking chart.
In this case, column chart.
And of course, we're going to set up the relevant data in the next video.
And I also would want to add the bar chart where the same setup.
So I'm going to navigate to column 3D and select everything.
Then I'm going to open up the bar 3D file here.
Remove my current code copy and paste.
And we just need to change some values around.
More specifically type, which is going to be equal to a bar 3D.
And once we have a different type, the width stays the same, the height stays the same.
And of course, the only thing we need to change are the values for the caption, why X is an X axis.
So it's not going to be most popular.
Words are gonna be most forked here.
And then as far as y axis name, we're going to go with Fork's on X axis is going to stay exactly the
same.
So the last thing we would want is in the Repos.
And I guess I'm going to close the sidebar.
We have already imported the bar three day.
Now, of course, where I have the div just gonna replace it with var 3d nand as far as the data.
Again we're just going to pass and char data.
The dummy data for now and then in next video will properly set it up where we can see the most for
three balls.
So this is what we should have at this point.
So now of course we can iterate over our repos.
All right.
One more time.
And now do a similar setup like we were doing 40 languages.