score:0
Yes, totally possible. As I don't have a JSFiddle or code example, I am going to give some high level ideas:
The circles on image is very straight forward. Just render the image in <img> tag. Overlay a canvas with transparent background and draw all the circles/ovals.
I believe you used SVG path for each circle (lines going through each of the feature values). Get a handle to the SVG path element on mouseover. Determine the index of the circle in question.
Once you have the index, look up (cx, cy) and render the center for the circle in the canvas. On mouseout, remove the center asterisk.
Hope that helps!
Source: stackoverflow.com
Related Query
- Linking parallel coordinates to an image and making change in that image
- Plotly js and parallel coordinates plots
- How to apply rotate transformation and don't change the coordinates system in D3.js?
- D3 : Loading multiple CSV files, and visualizing them using parallel coordinates
- D3.js - Parallel coordinates - Change color of axis on brush
- Setting a small image on map on some coordinates using D3.js and GeoJson
- Change height and width of the path tag in SVG Image
- Change Legends and Node to an circle image
- I have an image that has a hover effect, but there is a text above and it avoids it
- Library that creates graphs and exports as image
- Making a path with coordinates using D3 and Mapbox
- Beginning with D3.js and parallel coordinates
- Auto width and height for SVG image
- D3 how to change the width and length of SVG
- Change and transition dataset in chord diagram with D3
- d3.js change color and size on line graph dot on mouseover
- Making SVG container 100% width and height of parent container in D3 v4 (instead of by pixels)
- How to create floor plans that work nice with mobile and desktop browsers?
- How can I change the radius and opacity of a circle in d3?
- Draw imbricated blocks that are rotated and fliped with d3.js
- How to change speed of translate and scale when zooming in and out in D3 (using zoom.on & d3.event.translate, d3.event.zoom)?
- Why are .domain, tickFormat and tickValues not recognised inside dimensions variable? (d3, parallel coordinates)
- Conditionally change opacity of all nodes and edges recursively (d3)
- change the style with 'selectAll' and 'select' problems
- d3js Parallel Coordinates categorical data
- Selecting path within G element and change style
- dagre-d3 how to click node and run an event after that
- Parallel coordinates multidimensional data not visualised in D3
- D3 click coordinates after pan and zoom
- Making bar widths and gaps consistent in dc.js when using a large dataset and d3.scale.linear()
More Query from same tag
- calculate centroid d3
- D3 dots do not match curved area chart
- Is it possible to draw these charts with nvd3 or similar?
- How are enter() and exit() detecting updated data in D3?
- How to create a one level nest in D3
- NVD3 - Showing empty chart instead of noData message
- Loading new data to a C3.js line chart
- What is the best way to visualize a self-similarity matrix
- D3 / design - bar graph,seeking snazzy way to indicate "N/A"
- unable to create an automatic filling array without writing it manually
- D3 JSON data conversion
- D3.js: Joining json and csv not working
- deck.gl transitions and filtering
- d3js (v4) canvas force layout with text on nodes
- Length of Array in Object doesn't match
- How to rename a node in D3 graph
- UNMET PEER DEPENDENCY D3.js and Angular 2
- How to change data through select input in d3 chart in svelte?
- Stacked column chart with a line in one graph using d3.js
- d3 js exit animation not working properly
- Sometimes svg chart doesn't fit in the container but it works when screen refresh
- Looking for a better way to alter the color of axis components in d3.js v4
- d3 collapsible tree: how to color only the label of clicked node?
- D3.js V5 - Why is my bar chart axis not scaling?
- d3 dragging event does not terminate in Firefox
- Layering D3 Graphs: Swimlanes + Data Connections
- D3.v4 Projection Transition not Working
- responsive canvas on window resize event
- animate d3.js line chart path exit
- D3 graph shows zero in y axis