Pytania otagowane jako d3.js

Mam serię prostokątów svg (używając D3.js) i chcę wyświetlić komunikat po najechaniu myszą, wiadomość powinna być otoczona ramką, która działa jako tło. Powinny być idealnie wyrównane względem siebie i prostokąta (na górze i na środku). Jaki jest najlepszy sposób, aby to zrobić? Próbowałem dodać tekst svg, używając atrybutów „x”, „y”, …

92 javascript  svg  d3.js  tooltip 

Pierwsze pytanie na temat przepełnienia stosu, więc wytrzymaj ze mną! Jestem nowy w d3.js, ale konsekwentnie byłem zdumiony tym, co inni są w stanie z nim osiągnąć ... i prawie tak samo zdumiony, jak małe postępy udało mi się zrobić samemu! Najwyraźniej niczego nie narzekam, więc mam nadzieję, że życzliwe …

89 javascript  d3.js  force-layout 

Jaka jest różnica między GeoJSON i TopoJSON i kiedy powinienem używać jednego nad drugim? Opis TopoJSON na GitHub implikuje pliki TopoJSON są 80% mniejsze. Dlaczego więc po prostu nie używać TopoJSON przez cały czas?

89 d3.js  gis  geojson  topojson 

Jaka jest różnica między forEachiw eachD3js?

88 javascript  d3.js 

Zamknięte . To pytanie musi być bardziej skoncentrowane . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby skupiało się tylko na jednym problemie, edytując ten post . Zamknięte 4 dni temu . Popraw to pytanie Kilkakrotnie korzystałem z chart.js w moich projektach, ale nigdy nie używałem d3.js. …

88 javascript  d3.js  charts  chart.js 

Mam więc następny kod wykresu układu siły do ​​ustawiania węzłów, linków i innych elementów: var setLinks = function () { link = visualRoot.selectAll("line.link") .data(graphData.links) .enter().append("svg:line") .attr("class", "link") .style("stroke-width", function (d) { return nodeStrokeColorDefault; }) .style("stroke", function (d) { return fill(d); }) .attr("x1", function (d) { return d.source.x; }) .attr("y1", function …

87 d3.js  force-layout 

TLDR: Czy ktoś ma doświadczenie zarówno z protovisem, jak i D3.js, aby wyjaśnić różnice między nimi? Gram z protovisem od 2 tygodni i do tej pory było świetnie. Tyle że teraz wydaje mi się, że uderzyłem w kawałek cegły z animacją. protovis: http://vis.stanford.edu/protovis/ Chcę zrobić całkiem prostą animację, ale z …

84 javascript  protovis  d3.js 

Próbuję nauczyć się d3 za pomocą książki Interactive Web Visualization, ale wiele się zmieniło w wersji 4.0. Jedną rzeczą, której naprawdę nie mogę zrozumieć, jest to, czy istnieje odpowiednik dla d3.scale.category10 (), aby uzyskać łatwe mapowanie na kolory. Czy jest coś takiego w nowej wersji, czy też musimy skorzystać z …

82 d3.js 

Jaki jest skuteczny sposób na umieszczenie elementu SVG na szczycie kolejności z przy użyciu biblioteki D3? Mój konkretny scenariusz to wykres kołowy, który podkreśla (dodając a strokedo path), kiedy wskaźnik myszy znajduje się nad danym kawałkiem. Blok kodu do generowania mojego wykresu znajduje się poniżej: svg.selectAll("path") .data(d) .enter().append("path") .attr("d", arc) …

81 javascript  svg  d3.js 

Jestem nowy w kodowaniu D3 i SVG i szukam sposobu na obracanie tekstu na osi x wykresu. Mój problem polega na tym, że zazwyczaj tytuły xAxis są dłuższe niż paski na wykresie słupkowym są szerokie. Więc szukam obrócenia tekstu tak, aby działał pionowo (a nie poziomo) pod xAxis. Próbowałem dodać …

81 text  svg  transform  d3.js 

D3 ma tutaj układ ukierunkowany na siłę . Czy istnieje sposób na dodanie powiększenia do tego wykresu? Obecnie udało mi się uchwycić zdarzenie kółka myszy, ale nie jestem pewien, jak napisać samą funkcję przerysowywania. Jakieś sugestie? var vis = d3.select("#graph") .append("svg:svg") .call(d3.behavior.zoom().on("zoom", redraw)) // <-- redraw function .attr("width", w) .attr("height", …

80 javascript  jquery  d3.js  zoom  force-layout 

Mam csv 7 milionów rekordów różnorodności biologicznej, w których poziomy taksonomii są w kolumnach. Na przykład: RecordID,kingdom,phylum,class,order,family,genus,species 1,Animalia,Chordata,Mammalia,Primates,Hominidae,Homo,Homo sapiens 2,Animalia,Chordata,Mammalia,Carnivora,Canidae,Canis,Canis 3,Plantae,nan,Magnoliopsida,Brassicales,Brassicaceae,Arabidopsis,Arabidopsis thaliana 4,Plantae,nan,Magnoliopsida,Fabales,Fabaceae,Phaseoulus,Phaseolus vulgaris Chcę utworzyć wizualizację w D3, ale formatem danych musi być sieć, w której każda inna wartość kolumny jest potomkiem poprzedniej kolumny dla określonej wartości. Muszę przejść …

27 javascript  python  d3.js  data-visualization  hierarchical-data 

Mam ten zestaw danych, który zawiera elipsy, a dokładniej elipsy „koperty”. Zastanawiałem się, czy ktoś ma porady, jak je narysować na mapie D3. Mam już konfigurację mapy z rzutowaniem mercatora. Ta odpowiedź na przepełnienie stosu ma funkcję createEllipse, która mnie zbliżyła, ale chcę się upewnić, że poprawnie interpretuję dane. Podłączyłem …

16 javascript  d3.js  geospatial 

Ta nagroda się skończyła . Odpowiedzi na to pytanie kwalifikują się do nagrody za reputację +500 . Okres karencji wygasa za 3 godziny . parlament szuka kanonicznej odpowiedzi . Mam następujący wykres d3 / d3fc https://codepen.io/parliament718/pen/BaNQPXx Wykres ma zachowanie powiększenia dla głównego obszaru i osobne zachowanie powiększenia dla osi y. …

11 d3.js  d3fc 

Uncaught TypeError: t.rgb nie jest funkcją Stworzyłem aplikację kątową, zbudowałem ją i próbuję ją obsłużyć $ ng serve --prod --aot Powoduje to następujący błąd w konsoli Uncaught TypeError: t.rgb is not a function at HO (color.js.pre-build-optimizer.js:227) at GO (color.js.pre-build-optimizer.js:232) at rgb.js.pre-build-optimizer.js:36 at RH (ramp.js.pre-build-optimizer.js:4) at Module.zUnb (BrBG.js.pre-build-optimizer.js:16) at f (bootstrap:78) …

10 javascript  angular  d3.js