Comments (8)
yes you can
- define dimesions in crossfilter
- make appropiate groups on dimensions.
- by using groups make data in same structure as the chart needs it.
- then give this data to chart while drawing
from dimple.
In addition to what @GJ2511 recommended constructed data at point 3 should be not linked with crossfilter object since dimple.js makes data manipulation inside. After you catch crossfilter event you should draw your chart with new constructed data.
from dimple.
Could you please provide any super simple example that uses dimple & crossfilter?
@norecces @GJ2511
from dimple.
Hi @frenchbread
Look at the dummiest example ever
https://jsfiddle.net/norecces/6mjp764q/
from dimple.
@norecces Looks much simpler than I thought :)
Thanks!
from dimple.
@frenchbread I think the most common way to use crossfilter is to create multiple charts on the same page, which represent different dimensions of the same data. Next step is to handling selection of datum on one chart and perform updates on the other charts (filter dimensions). But when the initial data is large and there are a lot of dimensions - keep in mind that user experience will suffer from lags.
from dimple.
@norecces When using original D3.js with lots of dimensions, everything processed quite smoothly. (Depends on amount of data of course)
My initial question was actually about if it possible to make same "range" selections on a line chart for example like in D3.js. In D3.js it is done behind the scenes, so no need to set it up manually.
Wondering if it is possible to use same approach in dimplejs?
from dimple.
You have to either update or re-render you chart accordingly. Crossfilter just allows you to play with data client side only (i.e, apply filters)
from dimple.
Related Issues (20)
- getComputedTextLength and getBbox not working on dimple node
- Cannot get y-axis to look like the standard graph
- dimple js not ploting the bar graph
- Wish: ability to draw threshold lines HOT 2
- Documentation: clarify how to use multiple independent variables
- Request: a chart title method
- assignColor can't accept a color object HOT 1
- dimple.plot.pie documentation is inconsistent HOT 2
- Fill in plot holes with a solid color for line chart.
- Best strategy for showing very long legends? HOT 2
- Line marker shapes for line chart
- Dimple seems to be broken with D3 v5.
- Not really an issue - more of a feature request/clarification?
- Running examples locally
- Multiple tooltips HOT 1
- Sorting by numeric field strangely causes sort by month
- Markers should be drawn after areas so z-order doesn't make tool tips inaccessible
- Horizontal scrolling in bar chart
- d3 version 7.8.0 support HOT 1
- Legend value overlap issue
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from dimple.