targetprocess / taucharts Goto Github PK
View Code? Open in Web Editor NEWD3 based data-focused charting library. Designed with passion. Flexible.
Home Page: https://www.taucharts.com
License: Other
D3 based data-focused charting library. Designed with passion. Flexible.
Home Page: https://www.taucharts.com
License: Other
I've started to dive deeper into your code and it is nice and succinct. It seems like you have a single d3 processor for all chart types and the meta on a given chart type tells the processor what d3 to emit. So that lends to new charts being independent from your d3 processor.
If you could write some blog posts on how all the pieces fit together so the community can help write new chart types and learn from your good ideas that would be great!
Hi,
I'm wondering if tauCharts.js could provide such api so that hrbrmstr/taucharts could be able to call and fetch the values to R shiny instead of hack.
With this return value it would add more value to interactive analysis on R Shiny (drill down capabilities)
Would you please consider as feature improvement, thanks.
How to build a pie chart?
Fire event on "Exclude" feature for external usage
Is there any support for dynamic data sources such as external json?
I'm loading from latest on the cdn. I get this error.
Uncaught TypeError: Cannot read property 'time' of undefined tauCharts.min.js:
This will fix by default confusion when numbers are provided as String type
Getting your project in as a TSD package may really help your exposure and help us that are using typescript. Thanks!
Hi !
I am new bee to tauCharts. I have checked my dimensions , data to be visualized and the line chart seems to render perfect as expected. But since i wanted to dynamically add new data to the same chart , It seems to append layout and the old chart seems not refreshing with new data . As a result of that, div seems to produce scroll.
On checking the elements inside the div , the layout seems to be appended.
I wanted to refresh the data to avoid the scrolling.
I have used google Chrome browser.
Hey, just wanted to raise an issue with your examples site itself.
The load times are very slow.
The JSFiddle plugin doesn't seem to be responding.
This page - http://api.taucharts.com/tutorials/5min.html - has loaded for minutes.
It stopped loading and the fiddle has a blank result.
BTW, I live in Australia and our interweb speeds are rubbish, maybe that's it.
Excellent work! It seems based on all the examples I have found on your site and some I have made my own that the legend
does not respect the order
provided by an ordered dimension
. Is this correct? Would it be potentially something you might add? Thanks.
Is it possible to control the size a chart will render into? say 100px height by 200px width? Iframe is an option but seems like overkill. The idea is to use bootrap and create 2 charts that are different charts but show them side by side.
http://jsfiddle.net/kb7c5ehm/3/
Every second tick on scale is hidden by special decorator.
It appears the most informative ones are hidden :/
Hi,
I am a new bee to tauChart. I just downloaded and started using the example provided. I tried setting my own data for a line chart . The minimum value what i have provided is above 2500 and also i have set tickMin as 2000 and tickMax as 7000 . But the chart is displayed with the minimum value as 0 . I want to set the minimum value to 2000 or 2k.
Thanks in advance.
Vinny.
I'm not able to install tauCharts:
> devtools::install_github("hrbrmstr/taucharts")
Downloading github repo hrbrmstr/taucharts@master
Installing taucharts
'/usr/lib/R/bin/R' --no-site-file --no-environ --no-save --no-restore CMD INSTALL \
'/tmp/Rtmp7gjdnh/devtools20762e2bdbf/hrbrmstr-taucharts-ad3e17b' --library='/home/ignacio/R/x86_64-pc-linux-gnu-library/3.2' \
--install-tests
* installing *source* package ‘taucharts’ ...
** R
Error in parse(outFile) :
/tmp/Rtmp7gjdnh/devtools20762e2bdbf/hrbrmstr-taucharts-ad3e17b/R/plugins.R:4:1: unexpected input
3: #' @param tau taucharts object
4: <<
^
ERROR: unable to collate and parse R files for package ‘taucharts’
* removing ‘/home/ignacio/R/x86_64-pc-linux-gnu-library/3.2/taucharts’
Error: Command failed (1)
Thanks!
I'd like to set up order for categorical axises as simple "ascending/descending" parameter
I have heard Vladimir Petriko (vladminsky) speech on "The Rolling Scopes Conference 2016", you may wish to collaborate with the guys who are developing open data in Belarus.
Site github: https://github.com/opendataby/website
Google group: https://groups.google.com/forum/#!forum/opendata-belarus
What kind of support is there for changing the scale of the legend circles/text? only showing the circles with descriptions as overlays? working on a project where the size of the chart is dynamic and the chart scales pretty well on smaller resolutions but the legend does not. Best solution I can come up with so far is to only display the legend if the chart container is above a certain pixel width.
It would be great to have a possibility to place legend points on both footer and header, right and left sides.
The license file in the repo, and on the TauCharts website says it is Apache licensed, but the documentation says this:
"TauCharts is open source framework and it is free for non-commercial use."
( http://api.taucharts.com/tutorials/5min.html )
If it is Apache licensed, then it is free for commercial use as well as non-commercial. The tutorial infers it is only free for non-commercial use.
Can someone please clarify this in the documentation.
Hey Guys! I really like the framework. Very flexible and powerful. However, I am having trouble ordering the data. I am passing an array of objects as my data that is setup something like this:
var data = [{
type:'us', count:5, date: 'Wed Sep 2nd'
},
type:'us', count:8, date: 'Thu Sep 3rd'
}]
Then, I am passing creating a line graph like this:
var Chart = new tauCharts.Chart({
guide:{
padding:{l:70, t:10, b:70,r:10},
showGridLines:'xy',
color:{
brewer:{
us:'color-us'
}
},
y:{
label:{
text:'',
padding:50
}
},
x:{
label:''
}
},
data: data,
type: 'line',
x: 'date',
y: 'count',
color: 'type',
});
The issue is that tauCharts re-arranges my array to make the date alphabetical order. So, the graph shows Thu Sept 3rd before Wed Sep 2nd. I tried to add dimensions using your documentation and setting it like this and then passing a JavaScript Date as the date:
dimensions: {
date : { type: 'measure', scale: 'time' },
count : { type: 'measure' }
},
but then the labels along the X axis are not formatted the way I would like. For example, it says Tue 29, Aug 30, Thu 31, September, Wed 2, Thu 3. I would rather have them all formatted the same way.
Is there not a way to have the labels exactly like the data I am passing through and not re-arrange the date? Alternatively, is there a way to set a standard format when scaling using time?
When defining a dimension as type 'order', the order property is not copied to the dimension object generated by autoAssignScales.
In the chart below, the order of the legends on 'y' axis do not correspond to the order property:
http://jsfiddle.net/taucharts/5c0pmnj1/light/
Is tauCharts compatible with the ReactJS component model? I know in D3, you can just map data to a layout function and get the nodes which can then be rendered to SVG. How would you utilize the power of ReactJS virtual dom with this charting library?
There is a weekly velocity chart on plan, sometimes it shows bugs on top / stories on the bottom. Other times its reversed, stories on top / bugs on the bottom. Why?
horizontal / vertical
How would you for example update the X or Y config values and force a refresh of the chart?
Should be ability turn off console.log.
For example:
https://github.com/TargetProcess/tauCharts/blob/master/src/elements/coords.geomap.js#L224-L225
Maybe need use global logger
https://github.com/TargetProcess/tauCharts/blob/master/src/tau.charts.js#L86-L92
I'm working with the project which uses such frameworks as Require.js/Marionette.js. Recently I upgraded this package to the latest version and tried to render simple composite chart (based on example from documentation: http://jsfiddle.net/7tbjnhbj/4/light/), but it gave me following errors:
\w v0.6.2 (production version):
Screenshot: http://prntscr.com/8u26qw
Uncaught TypeError: Cannot read property 'extractFieldsFormatInfo' of undefined
Tooltip.plugin._getFormatters @ tauCharts.tooltip.js:379
Tooltip.plugin.onRender @ tauCharts.tooltip.js:277
b @ tauCharts.min.js:4
d.value @ tauCharts.min.js:4
x.value @ tauCharts.min.js:6
(anonymous function) @ chart.js:380
Backbone.Marionette.ItemView.extend.onShow @ main.js:86
...
\w v0.6.2 (development version):
Screenshot: http://prntscr.com/8u2715
Uncaught TypeError: Cannot read property 'type' of undefined
createScaleInfo @ tauCharts.js:3982
(anonymous function) @ tauCharts.js:3075
createScales @ tauCharts.js:1244
_drawUnitsStructure @ tauCharts.js:3073
...
Version 0.6.0 has similar problem, although v0.5.2 works fine.
Here is the bin \w sample which uses old v0.5.2: http://output.jsbin.com/habeza
Here is the updated sample project: https://bitbucket.org/asaskevich/sample
Hi,
If i have the chart label for y axis being too long. how can i make them fit my window because the edges of the label goes out of the window and is not visible.
Thanks in advance
Is there a way to force a certain bar height / width for horizontal/vertical bar charts?
Since I'm using the R htmlwidget version to make this here's an example:
http://rpubs.com/hrbrmstr/taucharts_issue_01
I don't want the bars to vary height/width by category, but I do want them to be taller (wider) than they are now and hacking CSS afterwards means also doing y position modifications and that's doable but it'd be nice to override the auto-calculated hight if possible. I might just be missing something in the doc, tho.
I see it used in the examples at http://www.taucharts.com/, but when I try to use it - it fails to show.
Here's a simple example:
http://jsfiddle.net/62gp6pa9/1/
Best regards
Hi,
I want to set data and change the label name. Is it possible to change the name of the label of a line chart as well when i try to update my chart using setData()
Thanks in advance.
See sample here: http://jsfiddle.net/6LzefLo4/5/
The list of errors is shown like:
Error: Invalid value for attribute d="M0,NaNL0,NaNL7,NaNL8,NaNL54,NaNL73,NaNL95,NaNL120,NaNL153,NaNL176,NaNL194,NaNL205,NaN"o
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.