Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
Download
2020 views
%auto import uuid def d3(s=None,obj=None,css=None): def f(s): u = 'a'+str(uuid.uuid4()) h = '<div id="%s" style="background-color:#f0f0f0" class="well"></div>'%u if css is not None: h += '<style type="text/css">%s</style>'%css html(h, hide=False) salvus.coffeescript("d=d3.select('#%s')\n%s"%(u,s),obj=obj) if s is None: return f else: f(s)
%auto %default_mode d3
dataset = [ [5, 20], [480, 90], [250, 50], [100, 33], [330, 95], [410, 12], [475, 44], [25, 67], [85, 21], [220, 88], [600,150] ] w = 600; h = 300; padding = 20 xScale = d3.scale.linear() .domain([0, d3.max(dataset, (d) -> d[0])]).range([padding, w-padding*2]) yScale = d3.scale.linear() .domain([0, d3.max(dataset, (d) -> d[1])]).range([h-padding, padding]) rScale = d3.scale.linear() .domain([0, d3.max(dataset, (d) -> d[1])]).range([2,5]) svg = d.append("svg").attr(width:w,height:h) svg.selectAll('circle') .data(dataset) .enter() .append('circle') .attr cx : (d) -> xScale(d[0]) cy : (d) -> yScale(d[1]) r : (d) -> rScale(d[1]) svg.selectAll("text") .data(dataset) .enter() .append("text") .text((d) -> d) .attr x : (d) -> xScale(d[0]) y : (d) -> yScale(d[1]) "font-family": "sans-serif" "font-size" : "11px" "fill" : "red"
unknown message type 'obj'