web component

Cancelled Posted 5 years ago Paid on delivery
Cancelled Paid on delivery

we need someone to develop this component

Bar chart component.

This component needs to be created with Angular 6, html, CSS or SASS and typescript, no external libraries. Doesn’t need to be an NPM package, the below image is a representation on how it should look. The next section of this document will explain how needs to work, and how is needed to receive the data to show.

Component breakdown.

The following image shows the principal data structures that the component needs to receive. After the image, it’s described how the component needs to work.

• Categories

o Each category contains a name, a color, a minimum value and a maximum value, these values can contain decimal (up to four digits after the decimal point).

o It doesn’t matter the range value of the categories, these will display the same height percentage in relation to the height of the component (the height and width of the component should be 100% of the parent element).

 3 categories – 33.3% height of the total height of the component

 5 categories – 20% height of the total height of the component.

o The categories may change, so they need to be provided to the component via input parameter.

• Data

o Each data item contains a date and a value.

o The data need to be provided to the component via input parameter.

o The value property of each data item is inside the range of one category min and max values.

o Ideally the component only will display 5 data items, but, if the input parameter contains more than 5 elements the component will maintain the same width but show the exceeding data items through a horizontal scroll bar.

o The bar that display the data doesn’t need to be exact, just need to display an approximated relation between the category range and the data item value.

 Example: In the image, the data item inside the green mark, the category for “Intermediate Risk” could have a range of 1 – 2.4, the data item value could be 1.7, this doesn’t mean that the bar is needed exactly at half of the category, it can be a little low or high, just need to be representative to the eye.

AngularJS Website Design

Project ID: #18444602

About the project

36 proposals Remote project Active 5 years ago

Awarded to:

grigorywazin

Hello. How are you? I read your project description very carefully. I am interested in your project because I am a senior developer of angular. Recently I developed admin dashboard site with angular 7. https://io More

$30 USD in 3 days
(23 Reviews)
6.3

36 freelancers are bidding on average $227 for this job

seemasit

Hi there, I've gone through the post description and attachment. i've understood my work in this job. please come over the chat for further discussion. Thanks Seema-P

$155 USD in 3 days
(59 Reviews)
7.0
techwelfare

We have some questions to clarify,please reply us so we could discuss the project in details.

$246 USD in 17 days
(121 Reviews)
6.9
ekoomitsolution

Hi, We would like to Design and Build your online store / personal website / simple website / Management CRM application, We would like to provide you Website Design and then you select it and then if changes need we c More

$250 USD in 3 days
(53 Reviews)
5.7
webinvoidia

I am an Experienced Web Designer with more than 3 years of experience in Bootstrap. High Precision and Cross-Browser Compatible. What you will receive: Full HTML5 & CSS3 Semantic MarkUp Cross-Browser Compati More

$60 USD in 3 days
(17 Reviews)
3.6
shingjin

Dear Hiring Manager Wish you a very good day!!! In response to your latest job posting, I am here to apply for the post of Web Developer position. I have an excellent background as a Web Developer along with my acade More

$155 USD in 3 days
(10 Reviews)
4.0
diegoanazonian

Hello ! I would like to know more about your requirement, Chat me and lets talk about, Hope to talk to you. Regards, Diego !

$250 USD in 5 days
(5 Reviews)
2.5
arcsoft16

Hi, Thank you for giving me a chance to bid on your project. i am a serious bidder here and i have already worked on a similar project before and can deliver as u have mentioned I have got Rich experience in Jooml More

$208 USD in 7 days
(1 Review)
0.0
gonii2

Hi, I have 6+years of rich experience with several complex and easy projects alone or with the team, I liked your project details and already done and completed successfully with offsite clients. Please share more d More

$155 USD in 3 days
(0 Reviews)
0.0
mraghavdeep

I have good knowledge of ionic1-4, cordova, angular 1-6, mongodb, mysql and nodejs. I am working as mean stack developer from last 3+ years. I also know HTML5 and CSS3 very well, so I can do HTML design also. I have More

$200 USD in 8 days
(0 Reviews)
0.0
writinginvaderz

We are Website Developer and Designing expert . Now, This service of us includes the following: + Setting-up of up to 5-10 pages with your desired content and images. + Adding Website's Name + Uploading Log More

$211 USD in 3 days
(0 Reviews)
1.9