Size: a a a

D3.js — русскоговорящее сообщество

2021 June 22

А

Антон in D3.js — русскоговорящее сообщество
источник

I

Ilja in D3.js — русскоговорящее сообщество
извините что влезаю .я может что то не понимаю . но как я понимаю вы делали замеры и пробоемма именно в рендеринге ?
источник

I

Ilja in D3.js — русскоговорящее сообщество
на сколько мне известно браузер не рендерит элемены с none . и как бы странно что здесь камень преткновения
источник

А

Антон in D3.js — русскоговорящее сообщество
const city = this.g
     .selectAll("g.city")
     .data(topojson.feature(cities, cities.objects.cities).features)
     .enter()
     .append("g")
     .attr("class", "city")
     .style("display", "none")
     .attr("transform", (d) => {
       if (d.geometry) {
         const lon = Number(d.geometry.coordinates[0]);
         const lat = Number(d.geometry.coordinates[1]);
         return "translate(" + this.projection([lon, lat]) + ")";
       }
     });
   city
     .append("circle")
     .attr("class", "city-point")
     .attr("r", 0.2)
     .style("fill", "orange")
     .style("display", "none");
   city
     .append("text")
     .attr("class", "city-name")
     .attr("x", 0.4)
     .attr("y", 0.15)
     .attr("fill", "#fff")
     .attr("font-size", "0.5px")
     .style("display", "none")
     .text((d) => {
       return d.properties.name;
     });

я сразу их добавляю с display:none
источник
2021 June 23

NR

Nikita Rokotyan in D3.js — русскоговорящее сообщество
Возможно в чем-то еще причина, не могу так сказать сходу. Не понятно, почему шаг Rendering при скрытых точках ( .style(‘display’, ‘none’) ) занимает столько времени.
источник

St

Stranger in the Q in D3.js — русскоговорящее сообщество
а попробуйте не стилем задать display а аттрибутом
источник

А

Антон in D3.js — русскоговорящее сообщество
один и тот же эффект, как только я их добавляю на карту (с none или с hidden) производительность падает
источник

А

Антон in D3.js — русскоговорящее сообщество
но проблема была не в этом, проблема в том что я их постоянно трансформировал при зуме
источник
2021 June 25

ИА

Игорь А1 in D3.js — русскоговорящее сообщество
источник

А

Антон in D3.js — русскоговорящее сообщество
Спасибо, прочёл, попробую реализовать сегодня, пока что я скрываю текст при трансформации, это помогло ускорить отрисовку
источник
2021 July 01

EK

Ekaterina Klimova in D3.js — русскоговорящее сообщество
всем  привет. подскажите,  можно ли   в  этой группе  опубликовать  вакансию?  ищу  Vue-разраотчика для  американской продуктовой компании, в проекте  используется  также  d3.js?
источник

R

Rafael 🦠 in D3.js — русскоговорящее сообщество
А валяй
источник

R

Rafael 🦠 in D3.js — русскоговорящее сообщество
Только действуют те же правила, что и для вакансий в @javascript_jobs
источник

EK

Ekaterina Klimova in D3.js — русскоговорящее сообщество
#Вакансия в продуктовой компании из NY, с офисом в #Киеве.
#Vue. js разработчик. Компания разрабатывает платформу текстовой аналитики. Ищем двух разработчиков, уровня #junior и #middle. В проекте используются: #Vue.js, Apollo #GraphQL, #D3.js.
Работа частично удаленная, команда периодически встречается в коворкинге на Подоле, для  совместной работы.
Общение внутри команды происходит на русском и украинском языке.
#Full-time.  Заработная плата - 1000 -3000 у.е.
Для жителей других регионов Украины компания помогает с релокацией в #Киев.
для коммуникаций - tel @it_hr_ekaterina
Сайт  компании https://www.echoes.io
Более полное описание вакансии: https://jobs.dou.ua/companies/echoes-ai/vacancies/169622/
источник
2021 July 04

VZ

Vadim Zamilov in D3.js — русскоговорящее сообщество
Всем привет. Сегодня на ютубе увидел вот такой 13-ти часовой курс :)
https://www.youtube.com/watch?v=_8V5o2UHG0E
YouTube
Data Visualization with D3.js - Full Tutorial Course
⭐️ Watch the updated version of this course: https://youtu.be/2LhoCfjm8R4

In this data visualization course, you’ll learn how to transform data into meaningful graphical forms using D3.js and web technologies. D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS. Besides teaching all about D3, this beginner's course also covers the basics of JavaScript, HTML, CSS, and SVG so you will have all the prerequisite knowledge to create stunning data visualizations.

🎥 Course created by Curran Kelleher. Check out his YouTube channel: https://www.youtube.com/channel/UCSwd_9jyX4YtDYm9p9MxQqw
🔗 You can create data visualization projects on VizHub: https://vizhub.com

⭐️ Course Contents & Code ⭐️
⌨️ (0:00:00) Data Visualization Course Overview
⌨️ (0:02:50) Why Visualize Data?
⌨️ (0:14:28) Inputs for Data Visualization: Data & Tasks
⌨️ (0:29:31) Intro to Javascript
 💻 Code: https://vizhub.com/curran/1e6587bb27c54c368deae8b79a7ca59a
⌨️ (1:57:35) Intro to HTML, CSS & SVG
 💻 Code: https://vizhub.com/curran/366c38ba5ebc4631b4bd936f3b709744
⌨️ (2:31:56) Intro to D3.js - Let's Make a Face!
 💻 Code: https://vizhub.com/68416/be771477cb974c938cd8603dd8b59d32
⌨️ (3:15:06) Making a Bar Chart with D3.js and SVG
 💻 Code: https://vizhub.com/curran/dd44f8fcdc8346ff90bddd63572bf638
⌨️ (3:44:02) Customizing Axes of a Bar Chart with D3.js
 💻 Code: https://vizhub.com/curran/a44b38541b6e47a4afdd2dfe67a302c5
⌨️ (4:10:03) Making a Scatter Plot with D3.js
 💻 Code: https://vizhub.com/curran/9247d4d42df74185980f7b1f7504dcc5
⌨️ (4:34:22) Making Line and Area Charts with D3.js
 💻 Code: https://vizhub.com/curran/012b5b20ce894b0fa7dc98ef3a0b43a5
⌨️ (5:04:36) The General Update Pattern of D3.js
 💻 Code: https://vizhub.com/curran/7f4137a77b564607ae2791ab1e49cf7e
⌨️ (6:04:30) Marks & Channels in Data Visualization
⌨️ (6:28:43) Interaction with Unidirectional Data Flow using D3.js
 💻 Code: https://vizhub.com/curran/c2274b1dfe914115bac48f437b3c104e
⌨️ (6:45:13) Making a World Map with D3
 💻 Code: https://vizhub.com/curran/c5475d7c95d348d5b8268012fbccb728
⌨️ (7:02:43) Cheap Tricks for Interaction on a D3.js World Map
 💻 Code: https://vizhub.com/curran/4fb5e4e665474a169325bd18cdc3d0c0
⌨️ (7:25:37) Blank Canvas
 💻 Code: https://vizhub.com/curran/0c35fdf97a6042188b5550e6712de315
⌨️ (7:30:43) Building a Tree Visualization of World Countries with D3.js
 💻 Code: https://vizhub.com/curran/4f92c793909f48d28012e43ddab716df
⌨️ (8:04:48) Color and Size Legends with D3.js
 💻 Code: https://vizhub.com/curran/92c34f62c0f948e89e87d28907c08715
⌨️ (8:33:27) Choropleth Map with D3.js
 💻 Code: https://vizhub.com/curran/d5ad96d1fe8148bd827a25230cc0f083
⌨️ (9:05:16) Interactive Filtering on a Choropleth Map
 💻 Code: https://vizhub.com/curran/5c907e49d0294538aad03ad1f41e1e28
⌨️ (9:51:00) Using Color in Visualization
⌨️ (10:07:54) Scatter Plot with Menus
 💻 Code: https://vizhub.com/curran/98ba4daacc92442f8d9fd7d91bfd712a
⌨️ (10:54:03) Circles on a Map
 💻 Code: https://vizhub.com/curran/8704c9b7c6df43cabf839aa3f1cb7b70
⌨️ (11:35:51) Line Chart with Multiple Lines
 💻 Code: https://vizhub.com/curran/2546209d161e4294802c4ac0098bebc2
⌨️ (11:59:34) Melting and Munging Data with JavaScript
 💻 Code: https://vizhub.com/curran/ecb0793c7d674100b3e3133d92cb6957
⌨️ (12:28:29) Selecting a Year on a Line Chart
 💻 Code: https://vizhub.com/curran/501f3fe24cfb4e6785ac75008b530a83

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://www.freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

https://www.youtube.com/watch?v=coQ5dg8wM2o
источник
2021 July 05

А

Антон in D3.js — русскоговорящее сообщество
источник

А

Антон in D3.js — русскоговорящее сообщество
Всем привет, делаю карту на d3js и когда использую зум во всех браузерах svg масштабируется нормально а в firefox жестко размывается, может кто решал проблему
источник

А

Антон in D3.js — русскоговорящее сообщество
shape-rendering не помогает
источник

А

Антон in D3.js — русскоговорящее сообщество
источник

AM

Anton Mizinov in D3.js — русскоговорящее сообщество
Как зум реализован?
источник