小编use*_*321的帖子

为d3.js中的多个元素生成clipPath

我试图创建部分填充的圈子,就像最后的NYT政治会议可视化中的圈子一样:http://www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html

在此输入图像描述

我在d3(https://gist.github.com/1067636http://bl.ocks.org/3422480)中为clipPaths找到的两个最清晰的代码示例为每个剪辑路径创建了具有唯一ID的各个div元素然后将这些路径应用于单个元素.

我无法弄清楚如何从这些示例到基于数据值的一组元素中的每个元素具有唯一圆形clipPath的可视化,以便我可以创建我的效果.

这是我到目前为止:

给定具有以下结构的数据:

data = [        
    {value: 500, pctFull: 0.20, name: "20%"}, 
    {value: 250, pctFull: 0.75, name: "75%"},
    {value: 700, pctFull: 0.50, name: "50%"},        
]
Run Code Online (Sandbox Code Playgroud)

1)为数据集中的每个对象创建一个带圆的力图.圆的面积来自对象值.

2)使用mbostock示例中的算法从每个数据点的比例(pctFull)计算k(和h)http://bl.ocks.org/3422480

3)使用k为每个覆盖圆的适当区域的数据点生成一个矩形.

我想如果我可以将每个矩形的可见度限制在各自的圆圈中,那么就可以完成插图,但这就是我被困住的地方.我尝试过很多东西,但都没有.

这是jsfilddle:http://jsfiddle.net/G8YxU/2/

在此输入图像描述

javascript geometry svg d3.js force-layout

3
推荐指数
1
解决办法
4940
查看次数

用CSS创建一个三角形div

我最近学会了如何使用CSS和HTML创建三角形div的外观.现在,我想知道是否可以在三角形div的任何一侧添加边框,这样如果我给div一个白色背景和一个黑色边框你仍然可以看到它?有没有办法可以做到这一点?

JSFIDDLE:http://jsfiddle.net/c75KM/1/

HTML:

<div class="arrow-up"></div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.arrow-up {
width: 0; 
height: 0; 
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
}
Run Code Online (Sandbox Code Playgroud)

html css geometry border

3
推荐指数
1
解决办法
949
查看次数

在three.js库中,如何将face4转换为两个face3而不是重叠的三角形?

我有一个face4(四面),我需要得到两个face3(三角形面)而不重叠.

geometry three.js

3
推荐指数
1
解决办法
960
查看次数

使用R中的rgl绘制半透明球体

我有一组数据,看起来像:

    x   y   z
1   1   2   1
2   3   5   7
3   -3  2   4
4   -2  1   1
Run Code Online (Sandbox Code Playgroud)

所以每一行都在三维空间中记录点坐标.我想将所有的点都绘制成点,除了一个点,比如说15号作为半透明球体,我可以设置半径.然后我可以从图中看到数据中哪些点包含在球体中.我现在正在使用RGL包并执行以下操作:

> open3d()
> plot3d(readin,col=3,type="p")
> plot3d(readin[15,],col=2,add=T,type="s",radius=0.1)
Run Code Online (Sandbox Code Playgroud)

因此,第一个绘图命令将整个集合绘制为散点图,第二个绘图命令选择数据的第15行并将其绘制为球体并将其添加到上一个画布.我只是想知道我是否可以使球体半透明,以便我可以看到球体中包含哪些点,这意味着这些点非常接近我选择的点.

RGL有没有办法做到这一点你还可以提供另外一种方法来完成这项任务吗?

谢谢!

plot geometry transparency r rgl

3
推荐指数
1
解决办法
4768
查看次数

用Java绘制Sierpinski的三角形

我的代码中有一些问题需要绘制一个Sierpinski的三角形(或者Sierpinski的垫片),但我不确定问题是什么.绘制三角形的线条,然后绘制所有分形线,然后消失.救命?

import javax.swing.*;
import java.awt.*;

public class SierpinskiGasket extends JFrame {

Point x=new Point(5,545),
      y=new Point(300,25),
      z=new Point(605,545),
      current=x, target;
private int count=0;

public SierpinskiGasket () {
    super("Sierpinski Gasket");
    setSize(610,550);
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    getContentPane().setBackground(Color.WHITE);
    setLocationRelativeTo(null);
    setResizable(false);
    setVisible(true);
}

public void paint(Graphics g) {
    super.paint(g);
    if(count==0) {
    g.drawLine(x.x,x.y,y.x,y.y);
    g.drawLine(x.x,x.y,z.x,z.y);
    g.drawLine(z.x,z.y,y.x,y.y);
    } else {
        while(count<10000) {
            int choice=(int)(Math.random()*3);
            switch(choice) {
                case 0: target=x; break;
                case 1: target=y; break;
                case 2: target=z; break;
                default: System.exit(0);
            }
            current=midpoint(current,target);
            g.drawRect(current.x,current.y,5,5);
            repaint();
            count++;
        }
    }
    count++;
}

public …
Run Code Online (Sandbox Code Playgroud)

java graphics geometry swing awt

3
推荐指数
1
解决办法
5459
查看次数

Three.js中的间歇半透明球体

我想有人向我解释如何实现这个例子的蓝色半透明间歇球:(间歇红球旁边的那个)

http://threejs.org/examples/webgl_materials.html

我首先相信这是使用正确材料和正确设置的问题(特别是因为这个例子是关于材料的)但不管怎么说都不确定.

希望你不觉得我的问题不值得在这里做.我试图分析它,但绝对是以非友好的方式为新手写的,我无法将这部分与其他部分分开,而不是在其他任何地方找到解释.

geometry three.js

3
推荐指数
1
解决办法
3713
查看次数

对于新的Rectangle()c#,浮点参数而不是int?

对于c#中的Rectangle类,是否可以使用float作为参数float而不是int?或者我可以通过创建一个类似于Rectangle的新类来实现这一点,并将其作为参数浮点数?

我试图在内部使用它e.Graphics.DrawEllipse.

示例:

e.Graphics.DrawEllipse(new Pen(Brushes.Black, stroke), new Rectangle(10,20,30,40);
Run Code Online (Sandbox Code Playgroud)

而不是10,20,30,40我想使用花车.

任何帮助赞赏.谢谢.

c# geometry drawellipse

3
推荐指数
1
解决办法
3875
查看次数

Java内部三角形内的随机点

我试图在Java中获得三角形中的随机点.

我有三个点,x,y坐标,并尝试使用此公式.

P = (1 - sqrt(r1)) * A + (sqrt(r1) * (1 - r2)) * B + (sqrt(r1) * r2) * C
Run Code Online (Sandbox Code Playgroud)

其中r1和r2是从0到1的随机双精度.但是,如何定义A,B,C?因为现在A有x和y坐标.

java random geometry

3
推荐指数
1
解决办法
3926
查看次数

R/ggplot2 /如何从散点图中的连接点移动到填充和透明三角形?

以下是多维缩放实验的x和y坐标:三种具有不同距离度量和缩放/无缩放的情况."Set"是指标缩放组合(1到6).每个案例都有一个类标签(0或4).

       X1         X2     method       scale class set
1   18.881729  -2.931111 euclidean     no     0   1
2  -13.141592  -9.750710 euclidean     no     4   1
3   -5.740138  12.681822 euclidean     no     4   1
4  -21.886160 -15.467637 manhattan scaled     0   2
5  -16.755615  16.900148 manhattan scaled     4   2
6   38.641776  -1.432512 manhattan scaled     4   2
7   32.927820  -7.900971 minkowski     no     0   3
8  -28.957697 -11.666982 minkowski     no     4   3
9   -3.970123  19.567953 minkowski     no     4   3
10   5.944225  25.819482 euclidean scaled     0   4
11  44.574669 -15.330675 …
Run Code Online (Sandbox Code Playgroud)

geometry r ggplot2

3
推荐指数
1
解决办法
732
查看次数

二进制表达式的操作数无效

我收到以下错误:

二进制表达式的无效操作数(“ basic_ostream<char,std::_1::char_traits<char>>”和“ value_type”(又名“ qElem”))出现在:

cout << "Your first task is to: " << tasks.front() << endl;
Run Code Online (Sandbox Code Playgroud)

代码建议我放置 a&&tasks.front()我不想接收 的值0xfdlkajd,我希望将第一个值存储在我的向量中。任何帮助将不胜感激。

我的代码:

#ifndef Queue_queue_h
#define Queue_queue_h

#include <iostream>
#include <string>
#include <vector>

using namespace std;


struct qElem { //qElem Struct

    string s;
    string p;
    qElem(string task, string priority) : s(task), p(priority) {}

};


//Establishing my Template and PriQueue Class
template <class T> //Template
class PriQueue
{
public:

    vector<qElem> tasks;

    //PriQueue();
    void enqueue(T …
Run Code Online (Sandbox Code Playgroud)

c++ vector data-structures

3
推荐指数
1
解决办法
2万
查看次数