标签: data-visualization

以下片段来自教程https://cnvrg.io/graph-neural-networks/。如何可视化 中的图表dataset？如果可能的话，使用类似的东西matplotlib。

import dgl
import torch
import torch.nn as nn
import torch.nn.functional as F
import dgl.data
dataset = dgl.data.CoraGraphDataset()
g = dataset[0]

我的颜色条距离热图底部很远。有办法让它靠近一点吗？

我的代码是：

import seaborn as sns

Granger2 = Granger
Granger2.columns = Granger_colnames
Granger2.index = Granger_rownames

fig, ax = plt.subplots(figsize=(6,25)) 
sns.heatmap(Granger2, cmap=rvb, cbar=True, ax=ax,linewidths=.5,cbar_kws={"orientation": "horizontal"})
ax.xaxis.tick_top() # x axis on top
ax.xaxis.set_label_position('top')

#Remove ticks
ax.tick_params(axis='both', which='both', length=0)

# Drawing the frame
ax.axhline(y = 0, color='k',linewidth = 1)
ax.axhline(y = Granger2.shape[0], color = 'k',linewidth = 1)  
ax.axvline(x = 0, color = 'k', linewidth = 1)
ax.axvline(x = Granger2.shape[1], color = 'k', linewidth = 1)

plt.show()

免责声明：我对 svelte、D3 和通用 JavaScript 模式都没有太多经验。但我真的很喜欢它，所以我很想学它，并且已经投入了相当长的时间。尽管如此，这感觉像是一个超级基本的问题，让我很恼火。我希望这不会太令人困惑，并且有人可能有想法。

它基本上是关于如何以高效、可重复和“最佳实践”的方式设置一个简单的图表（让它成为一个条形图）。我想我主要关心的是如何传递数据并将其用于不同的任务。例如，我认为将尺度的构造（使用 d3）分离到单独的组件中可能是个好主意。但是，该组件需要访问数据（在最好的情况下，可能还需要访问图表容器的响应宽度）。

然而，位于另一个组件中的条形也需要访问数据才能知道如何绘制矩形。

我对 JavaScript 的一个普遍误解（我想这是正确的词）是我不明白如何异步获取数据（例如使用浏览器fetch或 D3 的 csv方法）。我根本无法获取数据然后将其作为道具传递给另一个组件。因为我要传递的是一个承诺......

所以我有一个非常基本的 REPL，它显示了我脑子里的一些知识：https://svelte.dev/repl/398f4c21b7a9409a9811fd8e38703a36 ?version=3.44.1

看起来像这样。在中App.html，我获取要用于多种目的的数据。但是我无法将其从该组件中“取出”。

<script>
    import Chart from "./Chart.svelte"

    
    const url = "https://api.github.com/search/repositories?q=stars:>100000";
    
    async function getData(){
        let response = await fetch(url)
        let data = await response.json()
        console.log(data)
    }
    
    //async function getDataLocal(){
    //  let data = await d3.csv(<path_to_data>)
    //      return await data
    //  }
    
    
    let data = await getData()
    
</script>

<Chart {data}>Do Something with the data. Make the chart, build the …

我需要获得网络图的2d图片.我知道拓扑结构.有什么工具可以帮我这么做吗？

Tableau软件为数据可视化提供了很好的图形.我很想知道如何生成这么好的交互式图形？他们支持HTML5吗？什么可能是这个很好的图形库？

有帮助吗？

我有一个Microsoft Chart Controls类型的Donut类型的图表(在命名空间System.Web.UI.DataVisualization.Charting中).

我绑定到图表系列的数据的类型Dictionary<string, int>是标签是字典的键,值是Value属性.我希望饼图上的标签看起来像这样:Some label (4)"Some label"是字典中条目的键,4是值.

我已经试过的各种组合IsValueShownAsLabel和LabelFormat,但是这并没有帮助,因为它仅显示值.

我想出了下面的代码,它做了我想要的但是,坦率地说,最后三行(设置标签)吓到我了!

Dictionary<string, int> myDictionary = GetMyDataForTheChart();
var mySeries = Chart1.Series.Add("MySeries");
mySeries.Points.DataBind(myDictionary, "Key", "Value", null);
int i = 0;
foreach (var p in mySeries.Points)
    p.Label = myDictionary.ElementAt(i++).Key + " (" + p.YValues[0].ToString("0") + ")";

有没有更好的办法？

我想为我的可视化项目(在JavaScript中)创建一些"模拟数据".

优选地,我想总共分配X单元到ý不同组与Z步长间隔根据一些概率分布函数,即,正常或对数正态分布.

例:

使用常规密度函数将正好100个单位分配给0-5000,5000-10000,[...],75000-80000组.

应该呈现这样的东西:

binNames = [ "0-5000", "5000-10000", [...] ]
binData = [ 0,0,0,1,2,10,12,14,12,10 [...] ] //SUM = 100

(如果我可以用简单的种子参数引入一些偏斜,那将是一个奖励.)

我的aes参数有问题；不知道它试图告诉我如何解决。

我的数据框是这样的：

> qualityScores

          Test1  Test2  Test3  Test4 Test5
Sample1      1     2      2      3     1
Sample2      1     2      2      3     2
Sample3      1     2      1      1     3
Sample4      1     1      3      1     1
Sample5      1     3      1      1     2

其中1表示通过，2表示警告，3表示失败。

这dput是我的数据：

structure(list(Test1 = c(1L, 1L, 1L, 1L, 1L), Test2 = c(2L, 2L, 
2L, 1L, 3L), Test3 = c(2L, 2L, 1L, 3L, 1L), Test4 = c(3L, 3L, 
1L, 1L, 1L), Test5 = c(1L, 2L, 3L, 1L, 2L)), .Names = …

我很难绘制熊猫时间序列的密度.

我有一个数据框,其中包含完美组织的时间戳,如下所示:

这是一个网络日志,我想显示时间戳的密度,它表示在特定时间段内有多少访问者.

我的解决方案atm是提取每个时间戳的年,月,周和日,并对它们进行分组.如下所示:

但我不认为这是处理时间的有效方式.我找不到任何关于此的好信息,更多的是关于在日期或某事上绘制计算值的信息.

那么,有人对如何绘制熊猫时间序列有任何建议吗？

非常感激!

我正在尝试使用Chart.js制作折线图。我的数据具有以下形式：

var result = [{x:"18:00",y:"230"},{x:"19:00",y:"232"},{x:"20:00",y:"236"},{x:"22:00",y:"228"}];

其中，x表示时间，以小时和分钟为单位。我这样输入数据

var ctx = document.getElementById("myChart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: ["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00","24:00"],
            datasets: [{
                label: 'Voltage Fluctuation',
                data: result,
                borderWidth: 1
            }]
        },
        options: {
            scales: {
                xAxes: [{
                    type: 'time',
                    position: 'bottom',
                    unit: 'minute',
        time: {
          displayFormats: {
            hour: 'HH:mm'
          }
        }
      }],
    },
  }
});

我得到一个空图表。我要去哪里错了？我觉得我的标签做错了，因为它们没有出现在图表上，但我不知道怎么做。有什么方法可以使用momentjs填充数据标签吗？