Suljettu

JS D3 FlowChart

One of our clients has JSON data that needs to be illustrated as an interactive flowchart using Javascript D3.

Your task is to write a code that receives data relating to three objects: Boxes, Line connectors between the boxes, and PopUps in the JSON format as described below.

Object Creation (Vertical timeline): create a vertical timeline according to the Boxes, stating next to each box the number of days from box to box.

Objects Creation (Box): create objects according to the Type. Dimensions, color etc, will be defined for each type: Inventor (Circle of radius 150px), Ownership (rectangle 190x72), Security (rectangle 190x72), License (rectangle 190x72), 3rdParty (rectangle 190x72).

Objects Creation (Connection): create objects (curvy connections with arrowheads that start at the middle bottom of StartID box, ends at middle top of EndID box) according to the Type: Ownership (red,), Change Name (blue), Security (yellow), Release (green, arrowheads in each side of the line), License (purple), License Cancellation (light purple, arrowheads in each side of the line)

Vertical Location: position each box on a vertical timeline according to the Execution Date.

Horizontal Location: the screen is to be divided into three vertical flexible (depending on content) segments (from left to right: Ownership, Security, Licenses/3rdParty). Each box is to be horizontally positioned in one of the three segments according to its Type.

Hovering over a Connection will show a tooltip according to Type: Ownership (ASSIGNMENT OF ASSIGNORS INTEREST), Change name (CHANGE OF NAME), Security (SECURITY INTEREST), Release (RELEASE OF SECURITY INTEREST), License (LICENSE), License cancellation (LICENSE EXPIRATION)

Clicking a Connection will open two popups at the top right corner of the screen, one below the other. Each popup has a unique id: ASSIGNMENT-ID. The content of each popup is to be retrieved according to the popup’s parameter.

Legend: at the right top corner create legend with checkbox controls next to each Box types and Connection types that would show and remove the corresponding objects. See attached example.

***In order to qualify for this project, you must include in your proposal a link to a flowchart that you have created using D3.***

Please feel free to ask any questions.

Taidot: D3.js, JSON

Näytä lisää: angular 6 flowchart, javascript flowchart, d3 flowchart editor, d3 directed graph, d3 heatmap, d3 network graph, d3 charts examples, interactive flow chart d3

Tietoa työnantajasta:
( 0 arvostelua ) Chantilly, United States

Projektin tunnus: #19624035

26 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_18% %project_currencyDetails_sign_sub_19%/tunti tähän työhön

JinNg

Hi, My name is Jin. Let's talk about your project. 1. You require a flow chart diagram using D3.js with the data coming from a JSON file. You have specified the elements in the JSON. 2. Initially I thought that it Lisää

$40 USD / tunti
(19 arvostelua)
5.8
lovethomas1026

[login to view URL] [login to view URL] [login to view URL] Hi. there. Thanks for your post. I have rich experienced in d3 charts development. Please ch Lisää

$33 USD / tunti
(13 arvostelua)
4.8
shiningdevelopor

Hello How are you. I have read your description carefully and check it. Very Interesting. I have many experiences in d3, javascript and chat system. So I can finish your project quickly and perfectly. If you hire me, I Lisää

$40 USD / tunti
(1 arvostelu)
4.4
augurstech

Dear Employer, Greetings From Team Augurs. Coming to your project scope you can hire our javascript developer for developing flow chart using Javascript D3 that will receive data related to three objects Boxes, Line Lisää

$25 USD / tunti
(1 arvostelu)
4.5
symaticssolution

Dear Hiring Manager, Greetings from Aarvik infotech !! I have read job requirements and i have expertise in Javascript d3 and JASON Api and i can make my significant contribution to write code that receives data relat Lisää

$25 USD / tunti
(2 arvostelua)
4.2
Ipullar

Hi, there. Please review my past d3.js works. [login to view URL] I will share more through direct chat. Yuri Ren

$40 USD / tunti
(1 arvostelu)
4.4
superman1987417

Greetings. I'm a d3.js expert. I think I can help you perfectly based on my experience. I request you to look into my d3 projects for reference. If you're interested on me, contact please. [login to view URL] Lisää

$30 USD / tunti
(8 arvostelua)
4.1
coolmob0816

Dear Client. I am a Senior Web developer and I have enough experiences in D3. This is my works:https://www.freelancer.com/projects/javascript/website-animation-project-pref-using/reviews Please contact with me and disc Lisää

$37 USD / tunti
(2 arvostelua)
3.8
Grisha97924

Hi I understood your requirements. I have nice experienced in D3/DC/NVD3 and Data Visualization. Please contact me. With nice experience and skills I will perfect work for the project. Can start the work now and k Lisää

$30 USD / tunti
(4 arvostelua)
4.0
SanyaRenin

Hi. Very interesting project, I want to implement it. First, there is no attachment you are talking about, I would like to look at it. Thank you for the detailed description, but there are still many questions, if th Lisää

$25 USD / tunti
(2 arvostelua)
2.9
vinisaac

I would love to work on your project. I have more than 25 years of experience in web/software development and system administration. My latest work is [login to view URL] Have worked on many simple to complex proje Lisää

$45 USD / tunti
(2 arvostelua)
2.9
stanislav103

Dear Hiring Manager. I am so excited to apply in your project. just went through the job description. understood your requirements correctly and interested in your project. I am an experienced javaScript expert s Lisää

$30 USD / tunti
(4 arvostelua)
2.3
greenforest0204

Hello i am very interested in your post project. i am sure i can provide you perfect result since i am D3 js expert. please call me dmitrii. looking forward to working with you . best regards

$41 USD / tunti
(1 arvostelu)
1.5
ideepeners

Hello Sir, It's very interesting project. I am interested to work in this projects. I understand most of the requirement. We are an Indian, Next Generation Dashboard Solutions providing company : iDeepeners. We are Lisää

$25 USD / tunti
(0 arvostelua)
0.0
kirillsoft

Hi, there. I am a Senior D3.js engineer, can build charts from scratch using d3.js. Please check this. [login to view URL] I built several complex dashboard charts using d3.js, so sure that can build for you, too. I can star Lisää

$35 USD / tunti
(0 arvostelua)
0.0
MaZheng225

Hello, client. I am very interested in your serious job. I have already read your project description carefully. I'm so familiar with D3.js As you can see my profile, My Completion Rate is 100%. If you hire me, I Lisää

$25 USD / tunti
(0 arvostelua)
0.0
bianyunzhi95

I hope to see you in chat. I am an experienced d3js developer with full-stack knowledge and career. I'm sure I can do this perfectly. Thanks for your kind attention.

$40 USD / tunti
(0 arvostelua)
0.0
KashirinA

How are you? I have read your job detail carefully and check it. Your project is proper to me. I have many experiences in D [login to view URL] and javascript. So I can finish your project perfectly. If you give me your proj Lisää

$40 USD / tunti
(0 arvostelua)
0.0
springdragon43m

Hi, I am interested in your project. I have 7 years of experiences in web development. So I can help you and am ready to start now. Looking forward to hearing from you soon. Regards

$37 USD / tunti
(0 arvostelua)
0.0
ludwig333

<html> <head> <title>My Proposal</title> </head> <body> <h2>Hello. How are you today?</h2> <p>I just read your job description and it <b>really</b> attracts me. <strong>Javascript</strong> is my strength. As you can se Lisää

$37 USD / tunti
(0 arvostelua)
0.0