d3.js

d3js (+crossfilter/dc) boxplot performance

由 ∥☆過路亽．° 提交于 2019-12-24 12:41:13
问题 I'm trying to use a combination of D3, Crossfilter, and DC generate interactive boxplots, mainly using this example: https://github.com/dc-js/dc.js/blob/master/web/examples/box-plot.html My data looks more like this: id date met1 6368 10/24/2013 0.84 6369 10/24/2013 0.67 6374 10/24/2013 0.96 6375 10/24/2013 0.97 with around half a million data points, which works fine for everything else except for the boxplots. The code works fine and the boxplots are fine, but when I change the filter

Add a link to another page with d3.js

由 ￡可爱￡侵袭症＋ 提交于 2019-12-24 12:29:51
问题 This is probably really straight forward. I'm looking to add a link to another page. I'm trying to add it through d3. Do I add another attribute in the JS? Iv tried .attr("src", "newPage.html") and .attr("url", "newPage.html") but neither work. Any advice would be appreciated. Thanks. //JS var newLink = d3.select(".chart") .append("div") .html("Trend Graph") .attr("class", "populationTrend") //CSS .populationTrend{ font-weight:400; margin-top:-15%; cursor:pointer; padding-left:70%; background

Remove all .fixed classes from force layout nodes with jQuery

由 我的梦境 提交于 2019-12-24 12:29:20
问题 I have this structure , made by the d3.js force layout: <div id="familytreecontentsvg"> <g class="nodes"> <g class="node" transform="translate(625.2095978696435,404.7159479251927)" style="border: 3px solid red;"></g> <g class="node" transform="translate(549.3595414086468,461.0475336079573)" style="border: 3px solid red;"></g> <g class="node fixed" transform="translate(617.2898371986196,498.8572888164544)" style="border: 3px solid red;"></g> </g> And finally I would like to remove the .fixed

Grouped bar chart displaying cross tab between groups

由 ℡╲_俬逩灬. 提交于 2019-12-24 12:27:43
问题 I'm trying to make a group bar chart that gives the frequency of two group combos. I referred to this site for rollup and nest function reference: http://bl.ocks.org/phoebebright/raw/3176159/ I'm trying to use my own dataset to create the following effect: https://bl.ocks.org/bricedev/0d95074b6d83a77dc3ad My current attempt with my own data, drug1.csv: https://blockbuilder.org/lydiawawa/9efb5df76c08640316efbef702437db7 In the console, the grouped counts do not seem to generate the right

dc js Composite Bar Chart Line Chart

由 老子叫甜甜 提交于 2019-12-24 12:19:55
问题 I have a dc js bar chart like the one in this forked fiddle. This bar chart will be loaded with predefined filters like 25-35 in this case. Now, I have a requirement to show a line chart composite with the bar chart highlighting the filtered data with kind of high low lines as shown in this image. JS Code: var tempBarChart = dc.barChart("#barChartTemp"); // reset the charts function reset() { dc.filterAll(); dc.renderAll(); } // remove axis markings tempBarChart.yAxis().ticks(0); var

D3 geom.hull with custom accessors

由 ￣綄美尐妖づ 提交于 2019-12-24 12:19:47
问题 According to the D3 documentation the hull method can be assigned custom accessors to get the x and y coordinates. Hull documentation I would like to use these custom accessors , but I can not figure out the syntax. This is what I have done which is basically an unelegant workaround where I manually transform my vertices array. var width = 900, height = 600; var svg = d3.select("#content").append("svg") .attr("width", width) .attr("height", height); var hull = svg.append("path") .attr("class"

Appending “size” element to last json child element for a sunburst diagram

由 北城余情 提交于 2019-12-24 12:12:33
问题 I have a working python script that takes my csv columns data and converts it to a json file to be read by my d3 sunburst visualization. Problem is that there is no "size" element at the final child element which is needed to populate the sunburst diagram correctly. Below is the script I have that reads the csv to a json the way I need it. I've tried modifying the script with an if else loop to find where there is no child element (the last element) and then appending on that element the

d3 objects do not render within svg bounds on IE10

由 夙愿已清 提交于 2019-12-24 12:06:08
问题 As shown in the image, a circle drawn with center at 0,0 displays correctly on chrome, but on IE10 it overflows the SVG bounds. What do I need to do to get this to render correctly on IE? Here is the code: <body> <div id="chart1"> </div> <script> var width = 50,height = 50; var SVGmap = d3.select("#chart1") .append("svg") .attr("width", width) .attr("height", height); var g = SVGmap.append("g"); g.append("circle") .style("stroke", "gray") .style("fill", "red") .attr("r", 40) .attr("cx", 0)

How to render geojson with three.js and d3.js

由 瘦欲@ 提交于 2019-12-24 12:02:49
问题 I use three.js r49, d3.v2.js and d3-threeD.js i want to render my city(Mashhad) with three.js but i got a problem i can render europian countries with these codes but i cant render with existing json file. d3.js Ref d3-threeD.js Ref these are my codes: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>GEO Bar</title> <link rel="stylesheet" href=""> <script type="text/javascript" src="./scripts/jquery-1.7.2.js"></script> <script

c3js - change the initial date label in x-axis

由 雨燕双飞 提交于 2019-12-24 11:49:14
问题 I have a c3js line graph of type timeseries. My axis tables are currently like this: 11/10.....05/11.....11/11.....05/12.....11/12.....05/13.....11/13 and it want it to be .12/10.....06/11.....12/11.....06/12.....12/12.....06/13..... where each dot indicates a month, note that the datapoint at 11/10 is still kept and displayed, only the axis labelling has changed. FYI, The increment is not set directly but hacked using culling . Is there any way to alter the starting label to 12/10 (with all
订阅 d3.js