페이지 정보

작성자애신아씨 조회 63회 작성일 2021-05-06 15:48:33 댓글 0


Create charts in Angular JS in 5 mins with FusionCharts

Embed FusionCharts in your Angular 1.x Application with our AngularJS Directive which comes with native support for Data Binding.Check it out: https://www.fusioncharts.com/explore/integrations/front-end-integrations/angular-js

Hey guys, welcome to this episode. Today we will talk about creating charts in Angular. By the end of this video, you should be able to create your first chart in just a few minutes.

AngularJS (version 1.x), when launched by Google a few years back, was a compelling JavaScript library. However, the library faced an unexpected developer attrition, when Facebook launched the ReactJS library. To prevent it from becoming obsolete, the complete architecture was reworked. The framework was converted from a Model-View-Whatever architecture to a component-based architecture. To mark the redesign of the architecture, the framework was called Angular (for version 2 and above).

As part of its architecture redesign, Angular was made modular. This feature allows you to install individual modules, thereby also allowing you to skip unnecessary modules. However, Angular insists on using TypeScript as a way to ensure type safety in the app.

To create charts with Angular, we will use the FusionCharts Javascript charting library. Luckily for us, Fusioncharts has a component for Angular which allows developers to integrate the charting library with Angular.

For the chart, we will visualize the number of foreign tourists visiting India each year based on the data available from Mendeley data.
To create the chart we will cover four major parts:
Preparing the dataset
The FusionCharts library currently accepts data in JSON and XML only. As such, we need to convert data in a format accepted by the library. For this Angular chart example, we will use JSON. So data in any other format will have to be converted into either of these formats.

Installing the FusionCharts-Angular2 extension
To get started, you need to install the FusionCharts-Angular2 Component using npm.

Creating the chart component in Angular
The component adds the "fusioncharts" directive in the Angular app. The detailed chart configurations along with the data in JSON format is added to the component.

Rendering the chart
Now with all the code in place, all we need to do is make a call to the "my-app" component that we created in Angular.

While this was quick in itself, the folks at FusionCharts want to make this process even faster. Which is why they have the entire code available on the FusionCharts Playground. All you need to do is copy and paste the code and you can be up and running in a few minutes.

How Pallav Nadhani Built FusionCharts, 100% Bootstrapped

Pallav Nadhani founded FusionCharts at the age of 17 in an effort to earn himself some extra pocket money. He succeeded in doing so, and now, 17 years later, he has more pocket money than he knows what to do with. The data visualization company has over 28,000 customers as of December of 2019, some of which include Apple, Google, Facebook, Microsoft, Adobe, Walmart, NASA, and many, many more. In this video, Pallav explains how he built FusionCharts from his bedroom and turned it into a multi-million dollar company over the course of the last 17 years. 00:00

01:00 From a Bedroom, to a Basement
04:49 Hiring in 2005: a Big Challenge
09:15 Building Culture, Organically
11:15 Running a Global Company in India
12:26 Being Profitable and Bootstrapped
14:26 Three Near-Death Experiences
19:31 Milestones and the Path Ahead

From a Bedroom, to a Basement: Pallav Nadhani was able to run FusionCharts for three years on his own before he realized that he needed help. He onboarded his first employee, a friend of his cousins, and together they worked out of Pallav's bedroom for about a year and a half. By the end of this period, they were working with over 1,000 customers, and couldn't handle to workload on their own anymore. They shifted into a basement office and started hiring more employees.

Hiring in 2005: a Big Challenge: Hiring wasn't a very easy thing to do for a startup in Calcutta in 2005. India's startup ecosystem was still in its infancy, and the startup ecosystem in Calcutta was nonexistent. Employees were hesitant to join the startup despite the fact that they were already working with a number of Fortune 500 companies. However, with time and experience, Pallav was able to assemble of solid team of engineers.

Building Culture, Organically: Even as FusionCharts was scaling up and the startup was onboarding more and more employees, Pallav really didn't know anything about building strong culture. Instead, he simply focused on instilling values like pride in the company, a strong work ethic, and the desire to learn and grow on the job. As a result of these values, FusionCharts was able to establish a strong culture organically.

Running a Global Company in India: Less than 1% of FusionCharts' customers are Indian. This is something that Pallav takes pride in, because going global from India was a pretty big challenge when FusionCharts was first starting out. In spite of this, FusionCharts has been able to build quality products that are good enough not only for India, but also for the world. What is more, they have done so as a bootstrapped, profitable company from day 1.

Being Profitable and Bootstrapped: Because FusionCharts has always been profitable and bootstrapped, they have very rarely struggled with money problems. In fact, the biggest money they have faced is a surplus of funds. The challenge for them has been to figure out what to do with these funds. Part of the reason that they are able to be profitable and bootstrapped is that FusionCharts is a very lean company: they have 68 employees serving 28,000 customers!

Three Near-Death Experiences: Even though cash flow has never been a problem for FusionCharts, the startup has faced from big challenges. In 2007, back when the company was still quite young, another company copied FusionCharts' source code and released a very similar product. Luckily, FusionCharts had already been working on an updated version of their product, and made their previous version totally open-source, resulting in many customers testing out the freemium version and then deciding to switch over to their paid version. Another near-death experience for the company came in the form of Steve Jobs announcing that iPhone would not be compatible with Flash, resulting in FusionCharts being forced to reinvent their product so that they were compatible with iPhones. Lastly, between 2014 and 2015, FusionCharts' engineering team was wiped out by an influx in VC funding in India, which resulted in their employees jumping ship because other companies were able to offer more competitive salaries than FusionCharts, which was a bootstrapped, profitable, lean operation. However, Pallav was able to turn things around by investing in young, highly trainable employees who wanted to learn on the job straight out of college.

Milestones and the Path Ahead: Pallav is proud of the fact that employees take ownership of their role at FusionCharts, and that they become brand ambassadors for the company after they leave to go work elsewhere. Besides this, FusionCharts has birthed a couple of other, separate ventures that have been performing well.

If you enjoyed this video and want to know more about Pallav Nadhani, or his company, FusionCharts, please make use of the links below:

Pallav's LinkedIn: https://www.linkedin.com/in/pallavn/
Pallav's Twitter: https://twitter.com/pallavn
Pallav's Medium: https://medium.com/@pallavn

FusionCharts: https://www.fusioncharts.com/

#SaaS #bootstrapped #startup

ReactJS: FusionCharts




등록된 댓글이 없습니다.

전체 5,167건 1 페이지
게시물 검색
Copyright © www.homeplate.kr. All rights reserved.  Contact : help@oxmail.xyz