D3 Brush Implementation
$10-30 USD
Paid on delivery
You will create two scatterplots, in the SVGs scatter1 and scatter2 by writing the createScatter function.
Add the following interactions:
1. Selected nodes should be drawn in both plots as yellow circles of radius 8 with a black border ( ex 100% Bran circle is hovered in scatter 1 then in scatter 2 also same 100% Bran circle should be highlighted)
When the mouse cursor is hovering over a circle, it should be considered selected.
2. Add a rectangular brush. All points in the last brushed area (within the grey box of the last scatterplot you brushed) should be considered selected. (Points in scatter 1 should match with the corresponding same points in scatter 2 )
3. Clicking on a circle causes all data regarding that item to be printed below the scatterplots (in the div details). Within that div, append a div for each row of class rowdetail and display the property name and value. The item corresponding to the detail view should be drawn as a red circle in both plots with radius 8 and a black border.
Clicking on a red circle should cause the text details to disappear.
Have to use D3 enter, exit and update model.
The finished visualization should look as in the video attached.
Project ID: #17995397
About the project
Awarded to:
Dear Prospect Hiring Manager. 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 can do More
2 freelancers are bidding on average $29 for this job
Hi, I have similar experience in this technology. i love to complete this task on schedule and on time. please share me requirement specifications details. Thank you