d3.js
Jaki jest najlepszy sposób na zrobienie d3.układ wizualizacji js responsywny?
Załóżmy, że mam skrypt histogramu, który tworzy grafikę svg 960 500. Jak zrobić responsywny tak na resize graficzne szerokośc ... 1", height)
.attr("y2", height);
</script>
Pełny przykład histogramu gist to:
https://gist.github.com/993912
Dobra książka do nauki D3.js [zamknięte]
Zobaczyłem D3.js i byłem zainteresowany, więc kupiłem tę książkę ! Mogę się mylić, ale uznałem to za niespełniające.
Czy kto ... e:
Właśnie skończyłem czytać interaktywna wizualizacja danych dla sieci Scott Murray, świetna książka! Spróbuj. za darmo.
Zmień rozmiar svg, gdy okno jest zmieniane w d3.js
Rysuję scatterplot z d3.js. Z pomocą tego pytania :Pobierz rozmiar ekranu, bieżącej strony internetowej i okna przeglądarki ... ciałbym, aby coś zajmowało się zmianą rozmiaru wykresu, gdy użytkownik zmienia rozmiar okna.
PS: nie używam jQuery w kodzie.
Szybkie i responsywne interaktywne wykresy / wykresy: SVG, Canvas, inne?
Próbuję wybrać odpowiednią technologię do aktualizacji projektu, który zasadniczo renderuje tysiące punktów w powiększalnym, ... ęki za pomoc.
Kontynuacja : implementacja, z której korzystałem, znajduje się w https://github.com/zooniverse/LightCurves
Wyśrodkuj mapę w d3 podając obiekt geoJSON
Obecnie w d3 jeśli masz obiekt geoJSON, który zamierzasz narysować, musisz go przeskalować i przetłumaczyć, aby uzyskać pożąd ... r("stroke", "#222");
});
Jak, do diabła, mam to zdobyć .skala (8500)tłumaczyć ([0, -1200]) bez przechodzenia krok po kroku?
Pokaż dane po najechaniu kółkiem
Mam zestaw danych, które spiskuję w rozproszeniu. Kiedy myszką jeden z kółek chciałbym, aby popup z danymi(jak x, Y wartości ... .attr("y", function (d) {return y(d.y);}); });
Podejrzewam, że muszę być bardziej informujący o tym, jakie dane wprowadzić?
Czy istnieje sposób na powiększenie wykresu układu sił D3?
D3 ma układ kierowany siłą tutaj . Czy istnieje sposób na dodanie powiększenia do tego wykresu? Obecnie udało mi się uchwyci ... .call(d3.behavior.zoom().on("zoom", redraw)) // <-- redraw function
.attr("width", w)
.attr("height", h);
Zaznacz wybrany węzeł, jego łącza i jego dzieci na wykresie skierowanym siłą D3
Pracuję nad grafem skierowanym siłą w D3. Chcę wyróżnić węzeł, jego łącza i węzły potomne, ustawiając wszystkie pozostałe węz ... azuje, jak zmienić podłączone węzły potomne.
Wszelkie dobre sugestie jak to rozwiązać lub poprawić będą wściekle upvoted :)
Jaka jest różnica D3 datum vs. data?
Czy ktoś może wyjaśnić różnicę pomiędzy datum() i data () w D3.js? Widzę, że oba są używane i nie jestem pewien, dlaczego powinieneś wybrać jedno nad drugim?
Dodawanie nowych węzłów do układu wymuszonego
Pierwsze pytanie na Stack Overflow, więc bądź ze mną! Jestem nowy w d3.js, ale są konsekwentnie zdumieni tym, co inni są w st ... w każdej z tych problem!
edytowane, ponieważ szybko naprawiłem źródło kilku innych błędów, które były wcześniej wymienione
Baza Danych GeoJson World
Pracuję nad projektem, w którym konieczne jest wyświetlanie map krajów i miast za pomocą d3.js.
Właściwie, D3 obsługuje form ... daje mi możliwość ustawienia ID, get this sformatuj i przekonwertuj go na GeoJson lub Uzyskaj go w GeoJson lepiej.
Dzięki!!
csv do tablicy w d3.js
Używam tego do analizy pliku csv i utworzenia tablicy danych, jak określono w dokumentach d3:
d3.csv("afile.csv", function( ... jest poza zasięgiem, zostaje zniszczony? Jeśli tak jest, jak Mogę to przezwyciężyć. I need to reference data out of d3.csv()
responsywny Wykres D3
Mam ten wykres D3-prawie wyjęty z pudełka. Czy istnieje sposób, aby reagować i używać procentów dla zmiennych szerokości i wy ...
return function(t) {
d.endAngle = interpolate(t);
return arc(d);
};
});
}
</script>
Nauka d3.js do wizualizacji danych [zamknięty]
Chcę rozpocząć naukę tworzenia wizualizacji danych (jako projekt poboczny w mojej pracy doktorskiej) najlepiej z pakietem D3. ... racuję w python. W związku z tym zastanawiałem się, jak najlepiej nauczyć się pracy z d3 i jakie środowisko można mi polecić.
Jak mogę usunąć lub zastąpić zawartość SVG?
Mam fragment kodu JavaScript, który tworzy (używając D3.js) element svg zawierający Wykres. Chcę zaktualizować wykres na pods ... .attr("width", w)
.attr("height", h);
Jak mogę usunąć stary element svg lub w najmniej zastąpić jego treść?
Jak utworzyć drzewo genealogiczne w d3.js?
Obecnie pracuję nad małym eksperymentem genealogicznym i chciałbym zaimplementować proste drzewo genealogiczne, jak na poniżs ... . Tutoriale o d3.js obejmuje tylko standardowe wykresy, takie jak wykresy słupkowe.
Mam nadzieję, że ktoś mi w tym pomoże.
Aktualizacja linków na wykresie skierowanym siłą z dynamicznych danych json
Jestem nowy w D3 i pracuję na wykresie skierowanym siłą, gdzie dane json są dynamiczne. Jestem w stanie zmienić wykres siły p ... węzeł jest usuwany i odtwarzany, ale implementacja jest nieco inna.
Wszelkie wskazówki lub pomoc będą naprawdę doceniane.
D3.js vs Raphael.js
Jestem zafascynowany zarówno d3, jak i Rafałem. Rozumiem, że Raphael jest zbudowany na D3 i że jest kompatybilny z przegląda ... est potencjalnie użycie SIMILE timeline i zintegrowanie go z diagramem stanu (dla którego zamierzam użyć d3/Raphael). Dzięki!
Tworzenie tabeli połączonej z plikiem csv
Próbuję utworzyć tabelę połączoną z plikiem *.csv za pomocą d3, ale wszystko, co dostaję, to pusta strona internetowa.
Nawet ... u dostaję pustą stronę.
Byłbym wdzięczny za skierowanie lub pokazanie działającego przykładu lub sugestii tego, co robię źle.
kliknięcie węzła w d3 z przycisku spoza svg
Stworzyłem Wykres kierowany siłą za pomocą D3 i wyświetliłem id węzłów w normalnym div. Muszę zaznaczyć węzeł, którego id zostało kliknięte w div.
Przeszukałem id węzła i używając normalnego javascript próbowałem go kliknąć, ale to nie działa.