score:4
Yes, you can use d3.brush to create this functionality. Here is an example from the creator of d3 on how to use it - and it is exactly what you wanted (zoomable bar-chart): http://bl.ocks.org/mbostock/1667367
Source: stackoverflow.com
Related Query
- d3 bar chart with range selector in x-axis (like dygraphs)
- Make simple bar chart using C3 with separate columns on the x axis
- DC.js bar chart with date axis
- Need help lining up x axis ticks with bars in D3.js bar chart
- dc.js bar chart with ordinal x axis scale doesn't render correctly
- How to line up x axis on stacked bar chart with a line overlay in d3.js
- d3.js v4 bar chart with negative values on y axis
- d3 bar chart with fixed bar width and fixed spacing to align in center axis line
- D3 Bar and Linear Chart With Multiple Axis
- d3 bar chart with custom x axis and bar width
- D3 v4 bar chart X axis with negative values
- D3 js bar chart with 24 hour x axis
- Sortable bar chart with long x axis labels rotated
- Horizontal Stacked Bar Chart with Two Y Axis Issues
- How can I create a basic bar chart with unique counts on the y axis and a category on the x axis?
- DC bar chart Y axis with integer scale (not multiplicated)
- X axis label not displayed in bar chart with scroll and zoom feature - d3js, Brushing
- dc.js: Setting Categorical Bar Chart X Axis with a Wide Domain
- dc.js Stacked Bar Chart having only one column and with elastic X Axis is not rendered properly
- How to draw bar chart with range x-axis?
- d3 Plus bar chart how to force fixed max y axis range independent of the max data value
- How to make bar chart with additional vertical lines below the x axis
- How to make X axis timescale with equal interval between elements on chart independent of time range
- Issues with x and y axis of a bar chart with d3
- Customize axis points in d3 chart with respect to bar width
- Which chart can I use to create XY range chart with D3.js like Blood Pressure Chart
- Bar chart with negative values
- How to update d3.js bar chart with new data
- d3 simple linear chart with jquery ui range slider
- nvd3.js-Line Chart with View Finder: rotate axis labels and show line values when mouse over
More Query from same tag
- Uncaught SyntaxError: Unexpected token with mouseover event in D3 Treemap
- AngularJS + D3: First transition gets ignored
- How can I access one single row of a csv file to populate my d3.js chart?
- Javascript tree time-line
- Links and Arrowheads to terminate at borders of nodes in D3
- Turn string to array name in D3 Javascript
- D3 version 4 tree view with rectangle nodes links not showing up
- D3 Graph Drawing with labels, first few labels won't appear
- How to use an exit selection on text with tspan
- getting rid of <canvas> to display polygons on top of image with .tif extension
- D3 Pie Chart new path values not being calculated after update
- Bullet Chart Example
- d3.js example works on example website but not on my server?
- Horizontal d3 tree: how to have root starting at top left instead of middle y-axis?
- Aster Plot legend labels along with the arc
- Read a string in D3
- filtering d3 mercator map
- d3 make a force-directed-tree layout into a circle shape
- Gap in time series not appearing
- How to create a tooltip with custom value
- Plot lines in D3 Area Chart
- How to keep the circle, stroke and font size when zooming in d3.js V4 layout?
- In D3 zoomable sunburst, how do I make the labeling dependent upon the zoom level?
- connect postgres with php and use d3.js to visualize
- C3.js horizontal bar chart - Highlight a specific x-axis tick together with bar
- D3 unexpected value translate, won't accept variable
- right-click on a d3.js element: how to prevent browser context menu to appear
- Call class method within D3 method
- Not able to download SVG as PNG in IE
- d3.js tree layout compatibility with IE
