score:1
Accepted answer
the basic approach is no different from drawing a normal heatmap (see for example here). the only difference would be that instead of appending rectangles, you append a container for the graphic that you want to use.
whether you would be able to adjust the shading depends on the graphic itself -- if it's a bitmap you're out of luck. if it's an svg for example you can simply select the path inside that svg and set the fill color just like you would for a rectangle in a normal heatmap.
Source: stackoverflow.com
Related Query
- images ds3.js heatmap
- D3.js: Using images (with filenames specified in data) as tick values on axis
- Drawing heatmap with d3
- Can I use images as the background rectangles for d3 treemaps?
- d3 js nodes as images
- d3js transforming nested group images
- Using d3 to create a density & value heatmap layer for leaflet
- D3: slow zoomable heatmap
- D3 heatmap without explicitly storing row and column
- D3 time series heatmap
- labels inside the heatmap rects
- Specify view for zoomable heatmap in D3
- Update the heatmap based on the selected data
- Setting different images for D3 force-directed layout nodes
- d3 mapping 4 colors to 4 numeric ranges to look a bit like a very basic heatmap
- Day/Hour Heatmap + mySQL
- Dynamically display images in D3
- D3 heatmap convert code to use json instead of tsv
- D3: Tree diagram with images and circles as nodes
- HeatMap - dc.js and d3.js using JSON data
- Why are my images not showing up in the nodes of this D3 chart?
- Queue.js to preload images is waiting forever? (Callback)
- Heatmap dc.js - provide the color range manually
- Images not Generating D3
- How to show dates like github heatmap in d3 calendar heatmap?
- R / d3heatmap / shiny - is there a way to embed images in d3 tooltip?
- Changing nodes for images in d3.js force layout graph
- images generated to canvas from svg, animation result, looks slow
- How can I add images in the nodes of a D3 Sankey diagram, using the rcv and networkD3 packages in R?
- Linked tooltip on heatmap and sparkline
More Query from same tag
- D3.js : Adding 2nd class as an attribute for 2nd interactivity
- D3.js: run a transition continuously?
- StackedBar Chart with missing ToolTip in Angular and D3.js
- printing date in different format on x-axis in d3.js
- How can I add zooming to the d3 collapsible tree example?
- d3 Bar Chart Add Margins
- Lots of path on screen makes tooltip slow on iPhone
- d3 - problem aligning text with circle center - dominant-baseline not working on Firefox
- How to skip x axis labels in d3.js chart dynamically to have always a pretty chart?
- Assign specific color to specific segment in D3 Pie Chart
- sorting nested data in d3.v4
- d3.js - .exit().remove() a group element is not working
- Getting d3.js data from html
- D3 force directed graph, apply force to a "g" element
- Update chart and text with button (D3.js)
- Can not perform a class transition in d3.js
- How to understand selection.data()
- D3 unusual stacked bar chart
- how to frame data in a Matrixreport for nvd3 line plus Barchart using salesforce analaytics api
- How to make a group by selecting the specific data with crossfilter.js?
- displaying charts in browser while keeping data safe
- Dimple Specific Axis Variable Value
- Set y-axis of d3 chart to fit widest label?
- Moving y-axis tick lines in d3 js
- Stroke-dash interpolation using canvas in D3.js
- nvd3 multibarchart last bar is hidden not visible
- D3.js - Donut charts with multiple rings
- Incrementing month by month in a time slider with D3.js
- D3.js:Tracking user interaction with svg in GA
- How to set fixed no. of ticks on axis in d3.js?